Как сделать сообщение карусели в GiftedChat React Native

Question

Вот что я хочу сделать

Пример карусели сообщений

Я могу создать сообщение с помощью кнопок, но я не знаю, как объединить компоненты в заказ на создание карусели.

Answer 1

Я только что нашел решение. В основном вам просто нужно изменить свой renderBubble. Я передал некоторые реквизиты, чтобы сказать, что полученное сообщение является каруселью.

Я использовал ScrollView для моего внешнего контейнера и View для каждого блока.

<ScrollView  style={{
     backgroundColor:'white', 
     height: 200, 
}} horizontal={true}> 
    <View> <View/>
</ScrollView>

и для обычного текста просто верните Bubble

<Bubble {...props} />