[Bug]: Keyboard covers TextInput content in BottomSheetModal with BottomSheetScrollView on Android

[ParkJongJoon7128]

Version

v5

Reanimated Version

v3

Gesture Handler Version

v2

Platforms

Android

What happened?

When a TextInput inside a BottomSheetModal (wrapped in BottomSheetScrollView) receives focus on Android, the keyboard appears but completely
covers the focused input field — hiding both the cursor and the typed text. The bottom sheet does not scroll or shift upward to keep the focused
TextInput visible.

Environment details:

• @gorhom/bottom-sheet: 5.2.8
• react-native-reanimated: 4.1.1 (v4 — the closest option above is v3, but we are on v4)
• react-native-gesture-handler: 2.28.0
• react-native: 0.81.5 (New Architecture enabled)
• expo: ~54.0.30
• Platform: Android

Configuration used:

<BottomSheetModal
  ref={bottomSheetRef}
  enableDynamicSizing
  enablePanDownToClose
  backdropComponent={renderBackdrop}
  handleComponent={null}
  enableBlurKeyboardOnGesture={true}
  keyboardBehavior="interactive"
  keyboardBlurBehavior="restore"
  android_keyboardInputMode="adjustResize"
>
  <BottomSheetScrollView>
    {/* Multiple TextInput fields */}
  </BottomSheetScrollView>
</BottomSheetModal>

Despite setting keyboardBehavior="interactive" and android_keyboardInputMode="adjustResize", the bottom sheet content does not adjust when the
keyboard opens. The keyboard simply overlaps the TextInput, making it impossible for the user to see what they are typing.

Screen_Recording_20260514-113959_Mobile.Bankruptcy.App.mp4

Simulator.Screen.Recording.-.iPhone.17.Pro.-.2026-05-14.at.12.26.19.mov

Reproduction steps

1. Create a BottomSheetModal with enableDynamicSizing enabled.
2. Place a BottomSheetScrollView inside it.
3. Add multiple TextInput components inside the scroll view (at least 4–5 fields so some are positioned in the lower half of the sheet).
4. Set keyboardBehavior="interactive", keyboardBlurBehavior="restore", and android_keyboardInputMode="adjustResize" on the BottomSheetModal.
5. Open the bottom sheet on an Android device.
6. Tap on one of the lower TextInput fields to focus it.
7. Observe that the keyboard appears and covers the focused input — cursor and typed text are not visible.

Reproduction sample

https://snack.expo.dev/@jay7128/bottom-sheet---issue-reproduction-template

Relevant log output

[ryanfox1985]

we could get around this problem by using this wrapper:

import React, { forwardRef } from 'react';
import { TextInput, TextInputProps } from 'react-native';
import {
  BottomSheetTextInput,
  useBottomSheetInternal,
} from '@gorhom/bottom-sheet';

// BottomSheetTextInput uses react-native-gesture-handler's TextInput internally
// — its ref type differs from RN's TextInput, but focus/blur exist on both at
// runtime, so callers can keep typing the ref as RN's TextInput.
const BottomSheetTextInputUntyped =
  BottomSheetTextInput as unknown as React.ComponentType<
    TextInputProps & { ref?: React.Ref<TextInput> }
  >;

// Renders @gorhom/bottom-sheet's TextInput when rendered inside a sheet so the
// sheet can lift the focused field above the keyboard; falls back to RN's
// TextInput otherwise. Use this anywhere an input may appear in either context.
const AdaptiveTextInput = forwardRef<TextInput, TextInputProps>(
  (props, ref) => {
    const isInsideBottomSheet = useBottomSheetInternal(true) !== null;

    if (isInsideBottomSheet) {
      return <BottomSheetTextInputUntyped ref={ref} {...props} />;
    }

    return <TextInput ref={ref} {...props} />;
  },
);

AdaptiveTextInput.displayName = 'AdaptiveTextInput';

export default AdaptiveTextInput;

on iOS works fine but on Android once the text input gets focus the view doesn't allow to scroll down, so the user experience is bad by closing the keyboard and then opening again...

[awwoken]

Try using android_keyboardInputMode="adjustPan"