React Native 中需要聊天气泡设计答案

【问题标题】：Need chat bubble design in react nativeReact Native 中需要聊天气泡设计
【发布时间】：2018-03-29 09:44:21
【问题描述】：

我需要一个如图所示的聊天气泡设计：

谁能告诉我如何使用我尝试过但不起作用的视图

【问题讨论】：

【解决方案1】：

如果这是网络，我会说使用 CSS 来创建带有三角形伪元素的框。

由于 React Native 不支持 CSS 伪元素，我会为聊天气泡（在其中添加 borderRadius）做一个常规的 <View>，其中包含 <Text>，然后尝试类似：https://github.com/Jpoliachik/react-native-triangle制作三角形，并使用position: 'absolute' 将其与容器视图的底部对齐。

如果你绝对需要一个边框，那可能会有点棘手，因为现在你使用了两个不同的元素，而底部边框会在你想要一个空间的地方继续。我建议尝试为视图使用稍微不同的背景颜色？

【讨论】：