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.

Button / Pressable rendered inside Bottom Sheet are not clickable on Android device

See original GitHub issue

Bug

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:

  1. 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:closed
  • Created 3 years ago
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
efstathiosntonascommented, Dec 29, 2020

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!

Read more comments on GitHub >

github_iconTop 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 >

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