出现资优聊天时,消息在文本输入中跳到屏幕上

时间:2019-10-29 11:44:50

标签: react-native

我正在使用Gifted Chat进行本机响应,但行为却很奇怪。按下键盘时,信息很好。当我敲击键盘使其出现时,它也很好..但是当我开始打字时,消息就会跳起来。使它们再次恢复的唯一方法是关闭键盘。这是它的外观:

img

我在这里做错了什么?这是代码:

<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元素是不可见的。

1 个答案:

答案 0 :(得分:1)

我通过删除forceGetKeyboardHeight

来解决此问题