有没有办法在react-native-gifted-chat中显示一张图片、一些文本和一个按钮，以及所有的响应消息？

Question

我正在使用react-native-gifted-chat，我想要做一个类似于链接中附加的图片的UI。我想在react-native- gifted -chat中添加此卡片类型的功能以及响应消息，但我不知道这是否可以与gifted chat一起执行。Screenshot of my expected output

Answer 1

是的，这需要创建一个自定义组件，您可以将该组件传递给<GiftedChat />的renderMessage属性

<GiftedChat
  messages={...}
  onSend={...}
  user={...}
  ...
  renderMessage={props => (
    <MyCustomMessage
      {...props}
    />
  )}
/>

在这种情况下，MyCustomMessage将是一个包含您想要的所有自定义布局/逻辑的组件。在react-native-gifted-chat存储库中使用Check out the Slack style UI example是一个很好的起点。