[v4] | [v2] Empty space when keyboard open

[Bayramito]

Bug

When keyboard open on Android, there is a empty space above the keyboard. No such thing on IOS side.

Environment info

Library	Version
@gorhom/bottom-sheet	4.6.4
react-native	0.72.14
react-native-reanimated	3.14.0
react-native-gesture-handler	2.16.0

Reproducible sample code

      <BottomSheet
        ref={c => (this.sheet = c)}
        index={!shown ? -1 : 0}
        snapPoints={this.props.snapPoints || [height * (this.props.snapPoint || 0.7), "90%"]}
        handleComponent={() => null}
        backgroundStyle={{backgroundColor: backgroundColor || "transparent"}}
        style={styles().sheet}
        onClose={this.onSheetClose}
        enablePanDownToClose
        keyboardBlurBehavior="restore"
        backdropComponent={this.props.hasBackdrop && this.renderBackdrop}
        {...rest}
      >
              <BottomSheetTextInput
                value={this.search}
                onChangeText={this.onSearchChanged}
                style={styles().input}
                placeholderTextColor={colorsText.main}
                placeholder="find location"
              />

Idk am I missing a prop or something ? @gorhom

[github-actions]

@Bayramito: hello! 👋

This issue is being automatically closed because it does not follow the issue template.

[Serdnad]

Having the same issue, did you ever find a fix? @Bayramito

[Bayramito]

Having the same issue, did you ever find a fix? @Bayramito

Hey, Yes!

diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx
index cd6ea6b..c23f2ff 100644
--- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx
+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx
@@ -1422,11 +1422,7 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
          * Calculate the keyboard height in the container.
          */
         animatedKeyboardHeightInContainer.value = $modal
-          ? Math.abs(
-              _keyboardHeight -
-                Math.abs(bottomInset - animatedContainerOffset.value.bottom)
-            )
-          : Math.abs(_keyboardHeight - animatedContainerOffset.value.bottom);
+        Math.abs(_keyboardHeight - animatedContainerOffset.value.bottom);
 
         const hasActiveGesture =
           animatedContentGestureState.value === State.ACTIVE ||

apply it to 4.6.4