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}
-
+
+
+
);
});