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