react-native-gifted-chat - 是否可以禁用 react-native-gifted-chat 中的文本输入

Question

是否可以完全禁用 react-native-gifted-chat 组件的文本输入，包括发送按钮？

这是我当前的组件：

<GiftedChat text={emergencyText} onInputTextChanged={this.setEmergencyText} />

我可以覆盖渲染方法，但是如何渲染原始输入？

Answer 1

由于 React-native-gifted-chat 没有 disable 属性，它提供了一个额外的组件，也就是说InputToolbar，如果我们渲染 null 值，我们几乎可以禁用发送功能。试试下面的代码。

  <InputToolbar
    render={null}
    text={emergencyText} 
    onInputTextChanged={this.setEmergencyText}
  />

它服务于您的目的。

Answer 2

您可以使用 disableComposer 道具。

<GiftedChat disableComposer={true}  text={emergencyText} onInputTextChanged={this.setEmergencyText} />