我在我的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,
}}
/>
)