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

Question

我正在使用 react-native-gifted-chat，我想制作一个类似于链接中附加图片的 UI。我想在 react-native-gifted-chat 中添加此卡片类型功能以及响应消息，但我不知道这是否可以通过有天赋的聊天执行。我的预期输出的屏幕截图

标签： react-nativereact-native-gifted-chat

Answer 1

是的，这需要创建一个自定义组件，然后将其传递给以下的 renderMessage 属性<GiftedChat />：

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

在这种情况下，MyCustomMessage将是一个包含您想要的所有自定义布局/逻辑的组件。查看react-native-gifted-chat 存储库中的 Slack 样式 UI 示例以获得良好的起点。