我在我的 react-native 应用程序中使用 react-native-gifted-chat。聊天气泡样式在所有气泡上都不相同。我使用了borderRadius:30,因为第一个消息气泡形状正确显示,第二个消息气泡形状的气泡变得不同。我添加了以下代码:
<Bubble
{...props}
wrapperStyle={{
right: {
backgroundColor: colors.chatPurple,
borderRadius: 30,
borderBottomRightRadius: 30,
marginBottom: 10,
padding: 5,
right: 15,
justifyContent: "flex-end",
alignSelf: 'stretch',
marginLeft: 0,
alignSelf: "center"
},
left: {
backgroundColor: colors.lightGreen,
borderRadius: 30,
marginBottom: 20,
padding: 5,
left: -30
}
}}/>
我想在所有气泡上获得相同的气泡形状。