[v4] On Android there is unexpected overlay on top of modal window when keyboard reappears. about react-native-bottom-sheet HOT 10 OPEN

@harzh307 the bug remains

from react-native-bottom-sheet.

Here's a snack demonstrating the bug:
https://snack.expo.dev/@jeremyplura/android-keyboard-padding-bottom-sheet-v4

Setting android_keyboardInputMode="adjustResize" does seem to fix it for me (as @harzh307 suggested)

from react-native-bottom-sheet.

I noticed that this happens when I use BottomSheetTextInput, if I use TextInput the overlay does not appear

from react-native-bottom-sheet.

Did you manage to solve it? I have the same problem but it always happens not only when it reappears.

from react-native-bottom-sheet.

try using android_keyboardInputMode="adjustResize" in the bottomsheet component like this

<BottomSheet
        ref={sheetRef}
        android_keyboardInputMode="adjustResize">

this worked for me and if i speak for every developer it will work for everyone,
and if you're using keyboardBehavior prop then use its "interactive" value

from react-native-bottom-sheet.

@harzh307 the bug remains

what does your code looks like ?

from react-native-bottom-sheet.

Moving to a normal input fixed it for me

from react-native-bottom-sheet.

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

from react-native-bottom-sheet.

Here's a snack demonstrating the bug: https://snack.expo.dev/@jeremyplura/android-keyboard-padding-bottom-sheet-v4

Setting android_keyboardInputMode="adjustResize" does seem to fix it for me (as @harzh307 suggested)

this is how you should've approached the problem @jgillick
<BottomSheetModal android_keyboardInputMode="adjustResize" ref={bottomSheetRef} snapPoints={snapPoints} index={0} style={styles.modal} > <BottomSheetView style={styles.scroller}> <BottomSheetTextInput style={styles.input} placeholder="Field input" /> </BottomSheetView> </BottomSheetModal>

from react-native-bottom-sheet.

android_keyboardInputMode="adjustResize" working fine in android , but not working fine in ios

from react-native-bottom-sheet.