需要聊天泡泡设计反应原生

Question

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

here

任何人都可以告诉我如何使用我尝试的视图，但它无法正常工作

Answer 1

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

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

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