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

Question

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

这是我当前的组件：

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

我可以重写呈现方法，但是如何呈现原始输入呢？

Answer 1

由于React-native-gifted-chat没有禁用道具，因为它提供了另一个组件，即InputToolbar，如果我们将空值呈现给，我们几乎可以禁用发送功能。试一下下面的代码。

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

它服务于你的目的。

Answer 2

您可以使用disableComposer属性。

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