question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Getting issues with TextInput and other touchables on android - A very random behavior

See original GitHub issue

When I use Bottomsheet in a screen, In a very random manner, I am unable to type any thing in a TextInput and also sometimes unable to tap the touchables in that particular screen. This is only happening on Android.

I have to re-open the app to make it work fine again and also sometimes I have to clear the data and open again.

When not using BottomSheet, this error doesn’t occur.

I am not sure if this is issue with the bottomsheet, but if you have faced this before with anything, please do let me know.

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:4
  • Comments:11 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
margabitcommented, Nov 12, 2019

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?

2reactions
JakeHadleycommented, Jun 14, 2019

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

React native TouchableOpacity onPress not working on Android
I solved my problem in a similar way. In terms of hierarchy, I had a View within a Touchable Opacity; I was adding...
Read more >
View - Android Developers
In rare cases, the default algorithm may not match the intended behavior of the ... Other views that are touchable, like buttons, will...
Read more >
Direct Manipulation - React Native
Another very common use case of setNativeProps is to edit the value of the TextInput. The controlled prop of TextInput can sometimes drop ......
Read more >
Avoid Keyboard in React Native Like a Pro - Netguru
But before that, let's check how that keyboard trouble can be handled in native Android and iOS projects. Android has a built-in ...
Read more >
Touchable area: An empirical study on design approach ...
Download Citation | Touchable area: An empirical study on design approach considering perception size and touch input behavior | As the use ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found