我正在使用Gifted Chat进行本机响应,但行为却很奇怪。按下键盘时,信息很好。当我敲击键盘使其出现时,它也很好..但是当我开始打字时,消息就会跳起来。使它们再次恢复的唯一方法是关闭键盘。这是它的外观:
我在这里做错了什么?这是代码:
<KeyboardAvoidingView
style={{ flex: 1 }}
behavior="padding"
keyboardVerticalOffset={Platform.select({
ios: () => 0,
android: () => 100
})()}
>
<GiftedChat
handleChoosePhoto={handleChoosePhoto}
forceGetKeyboardHeight
showUserAvatar
renderChatFooter={renderChatFooter}
isAnimated
scrollToBottom
onInputTextChanged={e => emitTyping(user._id, otherUser, e)}
showAvatarForEveryMessage
messages={messages}
onSend={msg => onSend(msg)}
user={user}
/>
</KeyboardAvoidingView>
此组件作为功能组件返回,不包装在其他任何组件中,并且不与其他组件冲突。奇怪的是,如果我摆脱了behavior="padding"
,它不会跳转...但是TextInput
元素是不可见的。
答案 0 :(得分:1)
我通过删除forceGetKeyboardHeight