react-native-scroll-bottom-sheet
react-native-scroll-bottom-sheet copied to clipboard
Android: sheet stops between snap points
Hi! I found that on Android it is possible to interrupt sheet transition to snap point by quickly tapping on it. Screen recording is attached. Reproduced on Android only, seems okay on iOS. There is no difference if tap happened on nested horizontal scroll view or just on static content.
Here is my use-case:
<ScrollBottomSheet
componentType="ScrollView"
snapPoints={[0, windowHeight - 100]}
initialSnapIndex={0}
renderHandle={() => null}
enableOverScroll
showsVerticalScrollIndicator={false}
animatedPosition={animatedPosition} // used to animate overlay behind sheet
containerStyle={{
overflow: 'hidden',
borderTopLeftRadius: 20,
borderTopRightRadius: 20,
elevation: 5,
backgroundColor: '#ffffff',
}}
>
<Container>
<HorizaontalSlider /> // based on ScrollView from react-native-gesture-handler
<OtherStuff />
</Container>
</ScrollBottomSheet>
I guess that I can prevent any touches while sheet is hiding, but don't know yet how to do it.
version | |
---|---|
Platform (Android, iOS or both) | Android |
react-native-scroll-bottom-sheet | 0.7.0 |
react-native | 0.61.5 |
react-native-gesture-handler | 1.8.0 |
react-native-reanimated | 1.13.0 |
Did you find out any solutions for this?