有什么方法可以在react-native-gifted-chat中显示图像以及一些文本和按钮以及响应消息？

Question

我正在使用react-native-gifted-chat，我想制作一个类似于链接中附加图片的UI。我想在“ react-native-gifted-chat”中添加此卡类型功能以及响应消息，但是我不知道是否可以通过天才聊天来执行。 Screenshot of my expected output

Answer 1

是的，这需要创建一个自定义组件，并将其传递到<GiftedChat />的renderMessage属性中：

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

在这种情况下，MyCustomMessage将是包含所需的所有自定义布局/逻辑的组件。 Check out the Slack style UI example，这是一个很好的起点。