React Native Gifted Chat:如何隐藏键盘和文本输入
React Native Gifted Chat: How to hide keyboard and text input
我正在使用 expo 制作一个 React Native 应用程序,并且正在使用 react-native-gifted-chat
进行类似聊天的功能 (https://github.com/FaridSafi/react-native-gifted-chat)。在此功能中,我只希望某些用户能够发送消息。不能的用户应该只能查看已发送的消息。
为了实现这一点,我需要一种方法来为无权发送消息的用户隐藏 keyboard/text 输入。我正在阅读文档,但不确定如何执行此操作。有没有办法隐藏 keyboard/text 输入并只加载消息?
不确定这是否相关,但我的天才聊天代码如下:
<GiftedChat
messages={this.state.messages}
placeholder="Send your thoughts?"
onSend={(messages) => this.sendMessage(messages)}
user={{
...user details
}}
/>
谢谢!
只需通过 null
即可获得道具 renderInputToolbar
:
<GiftedChat
...
renderInputToolbar={() => { return null }}
/>
将 minInputToolbarHeight
属性设置为零:
<GiftedChat
...
minInputToolbarHeight=0
/>
我正在使用 expo 制作一个 React Native 应用程序,并且正在使用 react-native-gifted-chat
进行类似聊天的功能 (https://github.com/FaridSafi/react-native-gifted-chat)。在此功能中,我只希望某些用户能够发送消息。不能的用户应该只能查看已发送的消息。
为了实现这一点,我需要一种方法来为无权发送消息的用户隐藏 keyboard/text 输入。我正在阅读文档,但不确定如何执行此操作。有没有办法隐藏 keyboard/text 输入并只加载消息?
不确定这是否相关,但我的天才聊天代码如下:
<GiftedChat
messages={this.state.messages}
placeholder="Send your thoughts?"
onSend={(messages) => this.sendMessage(messages)}
user={{
...user details
}}
/>
谢谢!
只需通过 null
即可获得道具 renderInputToolbar
:
<GiftedChat
...
renderInputToolbar={() => { return null }}
/>
将 minInputToolbarHeight
属性设置为零:
<GiftedChat
...
minInputToolbarHeight=0
/>