[v4] | BottomSheetTextInput does not avoid Keyboard on Android

[salahbm]

Bug

1. Using BottomSheetScrollView inside the BottomSheetModal which is perfectly working on Ios but Android.
2.BottomSheetTextInput should avoid keyboard fully

Environment info

Library	Version
"@gorhom/bottom-sheet":	"^4.6.1"
"react-native"	: "0.73.6"
"react-native-reanimated":	"~3.6.2"
react-native-gesture-handler	~2.14.0

Reproducible sample code

export const BottomSheetLayout = ({
  bottomSheetModalLayoutRef,
  children,
  snapPoints,
  index,
  ...options
}: Props) => {
  const [updateIndex, setUpdateIndex] = useState(0);

  const backdropComponent = useCallback(
    () => (
      <TouchableOpacity
        onPress={() => {
          bottomSheetModalLayoutRef?.current?.close();
          setUpdateIndex(0);
        }}
        style={{
          ...StyleSheet.absoluteFillObject,
        }}
      />
    ),
    [],
  );


  useEffect(() => {
    // only needed for Android because
    // keyboardBehavior="extend" is not working properly
    // on Android, it leaves a gap between the keyboard and the bottom sheet
    // when the keyboard is visible
    const showSubscription = Keyboard.addListener('keyboardDidShow', () => {
      if (Platform.OS === 'android') {
        bottomSheetModalLayoutRef.current?.snapToIndex(2);
      }
    });
    return () => {
      showSubscription.remove();
    };
  }, []);

  return (
    <BlurView intensity={100} tint="dark">
      <BottomSheetModal
        ref={bottomSheetModalLayoutRef}
        snapPoints={snapPoints}
        index={updateIndex}
        stackBehavior="push"
        handleStyle={{
          backgroundColor: COLORS.grey900,
          borderTopLeftRadius: updateIndex === 2 ? 0 : 12,
          borderTopRightRadius: updateIndex === 2 ? 0 : 12,
        }}
        backgroundComponent={() => (
          <View
            style={{
              ...StyleSheet.absoluteFillObject,
              backgroundColor: COLORS.grey900,
              borderTopLeftRadius: updateIndex === 2 ? 0 : 12,
              borderTopRightRadius: updateIndex === 2 ? 0 : 12,
            }}
          />
        )}
        handleIndicatorStyle={{ backgroundColor: COLORS.grey700 }}
        containerStyle={{ backgroundColor: 'rgba(0, 0, 0, 0.5)' }}
        keyboardBehavior={Platform.OS === 'ios' ? 'extend' : 'interactive'}
        keyboardBlurBehavior="restore"
        android_keyboardInputMode="adjustResize"
        enableHandlePanningGesture={false}
        backdropComponent={backdropComponent}
        onChange={(index: number) => {
          setUpdateIndex(index);
        }}
        onDismiss={() => {
          bottomSheetModalLayoutRef?.current?.close();
          setUpdateIndex(0);
        }}
        enableContentPanningGesture
        {...options}
      >
        {children}
      </BottomSheetModal>
    </BlurView>
  );
};


<BottomSheetTextInput
          placeholderTextColor={COLORS.grey600}
          {...options}
          onBlur={onBlurHandler}
          onFocus={onFocusHandler}
          style={{
            ...FONTS.bodyS,
            flex: 1,
          }}
          value={value}
          onChangeText={onChangeText}
        />

THERE ARE IMAGES:

[romainchkr]

Same problem here. Did you find a workaround ?