在使用React-Native-Gifted-Chat时如何隐藏Android键盘?



我在我的RN/Expo应用程序中使用React-Native-Gifted-Chat。当用户去键入消息时,消息框应该随着键盘向上移动。这是我在iOS上看到的行为,但在Android上,它覆盖了盒子。

我尝试封闭"KeyboardAvoidingView"围绕着"giftedchat"Prop,但它将消息框推到屏幕外。

我也试过如下图所示,虽然键盘没有消失,但在打字时它仍然覆盖着消息框。

下面是我的代码:
<KeyboardAvoidingView>
<SafeAreaView style = { styles.header }>
<GiftedChat
messages={}
showAvatarForEveryMessage={true}
onSend={messages => onSend(messages)}
user={{
_id:1,
}}
/>
</SafeAreaView>  
</KeyboardAvoidingView>

好吧,所以下面的解决方案对我来说是有效的,但它可能只是因为这个屏幕只是一个"聊天屏幕";意义:

有人到这个屏幕的目的是发送和接收消息,没有别的。

为了解决这个问题,我删除了所有的"视图"。它给了我想要的行为

下面是更新后的代码:

return(
<GiftedChat
messages={}
showAvatarForEveryMessage={true}
onSend={messages => onSend(messages)}
user={{
_id:1,
}}
/>
)

最新更新