Button / Pressable rendered inside Bottom Sheet are not clickable on Android device
See original GitHub issueBug
Button / Pressable rendered inside Bottom Sheet are barely clickable on Android device. It behaves differently than a normal Button/Preesable outside of bottom sheet.
Environment info
Library | Version |
---|---|
@gorhom/bottom-sheet | 2.0.0-alpha.0 |
react-native | 0.63.2 |
react-native-reanimated | 2.0.0-alpha.6 |
react-native-gesture-handler | 1.7.0 |
Steps To Reproduce
Describe what you expected to happen:
- Press the “Press me” to see ‘xxxxx’ display in terminal
Reproducible sample code
<View style={styles.container}>
<BottomSheet
ref={bottomSheetRef}
initialSnapIndex={1}
snapPoints={snapPoints}
onChange={handleSheetChanges}
>
<Pressable onPress={() => console.log('xxxxx')} style={{ backgroundColor: 'cyan', height: 100 }}>
<Text>Press me</Text>
</Pressable>
</BottomSheet>
</View>
Issue Analytics
- State:
- Created 3 years ago
- Comments:7 (2 by maintainers)
Top Results From Across the Web
onPress event is not working in renderInner of reanimated ...
I use reanimated-bottom-sheet in my react native project. bottomSheet inside of empty page for test is work great but in main page inside...
Read more >Android Bottom Sheet Behavior and Animated Button on Top ...
STATE_COLLAPSED : The bottom sheet is visible but only showing its peek height. This state is usually the 'resting position' of a Bottom...
Read more >Troubleshooting | React Native Bottom Sheet - GitHub Pages
Troubleshooting. This section attempts to outline issues that users frequently encounter when first getting accustomed to using React Native Bottom Sheet.
Read more >BottomSheetDialog not working [37083487] - Issue Tracker
I tried to use BottomSheetDialog introduced in Android Support Library 23.2 but it doesn't seem to work correctly. Here is what the doc...
Read more >Pressable - React Native
onPressIn is called when a press is activated. onPressOut is called when the press gesture is deactivated. After pressing onPressIn , one of...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Thanks for the link, I visited the new docs and didn’t visited that section, I think that this should live on it’s own section and not under troubleshooting, just saying.
Keep it up!
look at https://github.com/gorhom/react-native-bottom-sheet/blob/master/docs/touchables.md