Getting issues with TextInput and other touchables on android - A very random behavior about react-native-reanimated-bottom-sheet

[JakeHadley]

For Touchables to work in a BottomSheet on Android, you need to import them from react-native-gesture-handler.

@Eyesonly88 So we can't import a library like react-native-segmented-control-tab then? Everything has to be through react-native-gesture-handler? I'm getting the behavior you thought @roshangm1 was getting, where this library's buttons don't respond to touches at all when put onto the bottom sheet.

[margabit]

I'm facing the same issue. Randomly all the visible content of the application will not respond to touch events. It's like there's a transparent overlay covering all the elements.
Looks like the component that causes this behavior is the BottomSheet. I can reproduce randomly every 5 or so view reloads. I haven't understood yet if there's any pattern.

Any suggestion?

[roshangm1]

I am not talking about the Touchables inside Bottomsheet but about the touchables in the same screen where the bottom sheet is (outside bottomsheet). @Eyesonly88

[CMiguelRB]

Same here in Android, gestures stop working in the entire app screen.

[roshangm1]

@osdnk @satya164 @Eyesonly88

[Eyesonly88]

@roshangm1 For Touchables to work in a BottomSheet on Android, you need to import them from react-native-gesture-handler. Haven't tried a TextInput.

[Eyesonly88]

Oh, I see.
I have those and they work fine for me on both iOS and Android RN 0.59.5.

[phuochau]

I have the same problem, it seems we can't use it on Android. It's really a problem because the BottomSheet needs to include different UIs inside.

[JakeHadley]

@phuochau What are you using instead?

[RichardLindhout]

I had the same problem. Solution is to only render bottom sheet when something is clicked.

[zinaida2mc]

adding enabledContentTapInteraction={false} fixed problem for me