2

我的 RN 0.61.5 应用程序正在运行react-native-gifted-chat 0.13.0. 这是非常简单的渲染:

render() {
      console.log("In GiftedChat render : ");
      return ( 
          <GiftedChat 
            messages={this.state.messages}
            onSend={messages => this._onSend(messages)}
            user={{_id: this.state.myself.id,
                   name: this.state.myself.name,
                   avatar: this.state.myself.user_data.avatar}}
          />         
      );
    }

我想通过输入文本框添加文件上传按钮(可以打开图库或文件管理器),允许用户上传图像或视频文件。我怎样才能做到这一点?我在网上搜索并查看了文档,但没有找到在聊天屏幕上添加按钮的方法/钩子。多谢。

4

1 回答 1

0

有天赋的聊天文档中有一个名为 renderActions() 的道具。它在消息编辑器的左侧添加了一个自定义操作按钮。我已经使用它实现了图像上传按钮。

<GiftedChat
    messages={this.state.messages}
    onSend={this.send}
    ...
    renderActions={() => (
      <React.Fragment>
        <ImgPicker setmsgImgUrl={this.setmsgImgUrl} />
      </React.Fragment>
    )}
/>    

我使用 expo docs 图像选择器中的代码创建了 ImgPicker 组件。如果你想查看 ImgPicker 组件代码,这里是链接。

ImgPicker 组件代码的 Github 链接

于 2020-08-09T11:00:21.517 回答