Я использую реактивный чат в своем приложении. Стиль чата Bubble не одинаков для всех. Я использовал 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
}
}}/>
Я бы хотел, чтобы форма пузыря была одинаковой на всех пузырьках.