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.
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:
I guess that I can prevent any touches while sheet is hiding, but don't know yet how to do it.