打开键盘后,React Native GiftedChat Android整个屏幕向上移动

时间:2020-10-16 05:02:43

标签: android react-native keyboard react-native-gifted-chat

当我点击输入并打开键盘时,由于此行为,屏幕向上移动,并且标题和一些消息被隐藏。

Here is the screenshot without keyboard

Here is the screenshot with keyboard

这是我的代码

<View style={{ paddingTop: 5, paddingBottom: 10, flex: 1 }}>
    <GiftedChat
          bottomOffset={10}
          keyboardShouldPersistTaps="never"
          text={sendMessageText}
          onInputTextChanged={setSendMessageText}
          messages={chatMessages}
          renderAvatar={props.isGroup ? undefined : null}
          alwaysShowSend
          onSend={onSend}
          onLongPress={onLongPress}
          renderSend={renderSendAction}
          textInputStyle={styles.textInputStyle}
          listViewProps={{
            showsHorizontalScrollIndicator: false,
            showsVerticalScrollIndicator: false,
            scrollEventThrottle: 400,
            onScroll: ({ nativeEvent }) => {
              if (isCloseToTop(nativeEvent)) {
                loadMore();
              }
            }
          }}
          renderBubble={(prop) =>
            renderBubble({
              ...prop,
              theme,
            })
          }
          renderMessage={renderMessage}
          renderCustomView={renderCustomView}
          renderActions={renderActionPlus}
          renderInputToolbar={renderInputToolbar}
          renderDay={renderDay}
          renderTime={() => {}}
          user={{
            _id: content.chatRoomReducer.authUser._id
          }}
    />
</View>

0 个答案:

没有答案