diff --git a/native/chat/chat.react.js b/native/chat/chat.react.js --- a/native/chat/chat.react.js +++ b/native/chat/chat.react.js @@ -30,7 +30,6 @@ useWindowDimensions, type MeasureOnSuccessCallback, } from 'react-native'; -import { KeyboardAvoidingView } from 'react-native-keyboard-controller'; import MessageStorePruner from 'lib/components/message-store-pruner.react.js'; import ThreadDraftUpdater from 'lib/components/thread-draft-updater.react.js'; @@ -460,72 +459,67 @@ return ( - - - - - - - - - - - - - - - - - - {draftUpdater} - + + + + + + + + + + + + + + + + + {draftUpdater} ); } diff --git a/native/chat/message-list-container.react.js b/native/chat/message-list-container.react.js --- a/native/chat/message-list-container.react.js +++ b/native/chat/message-list-container.react.js @@ -5,6 +5,7 @@ import invariant from 'invariant'; import * as React from 'react'; import { Text, View } from 'react-native'; +import { KeyboardAvoidingView } from 'react-native-keyboard-controller'; import genesis from 'lib/facts/genesis.js'; import { @@ -52,6 +53,7 @@ PinnedMessagesScreenRouteName, ThreadSettingsRouteName, } from '../navigation/route-names.js'; +import { useHeaderHeight } from '../navigation/use-header-height.react.js'; import { useSelector } from '../redux/redux-utils.js'; import { type Colors, useColors, useStyles } from '../themes/colors.js'; import type { ChatMessageItemWithHeight } from '../types/chat-types.js'; @@ -80,6 +82,9 @@ height: 0, opacity: 0, }, + keyboardAvoidingView: { + flex: 1, + }, bannersContainer: { zIndex: 2, }, @@ -499,28 +504,36 @@ ); } + const headerHeight = useHeaderHeight(); + return ( {pinnedCountBanner} {relationshipPrompt} - + + + ); });