【问题标题】:Is it possible to disable the text input in react-native-gifted-chat是否可以禁用 react-native-gifted-chat 中的文本输入
【发布时间】:2020-03-15 06:16:37
【问题描述】:

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

这是我当前的组件:

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

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

【问题讨论】:

    标签: react-native-gifted-chat


    【解决方案1】:

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

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

    它符合你的目的。

    【讨论】:

      【解决方案2】:

      你可以使用 disableComposer 属性。

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

      【讨论】:

        猜你喜欢
        • 2020-11-21
        • 2018-05-25
        • 1970-01-01
        • 2020-06-23
        • 2018-10-22
        • 1970-01-01
        • 2021-02-12
        • 1970-01-01
        • 2021-10-03
        相关资源
        最近更新 更多