react-native-scroll-bottom-sheet icon indicating copy to clipboard operation
react-native-scroll-bottom-sheet copied to clipboard

Android: sheet stops between snap points

Open pasha-iwanov opened this issue 4 years ago • 1 comments

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>

ezgif-6-cf1285f71c11

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

pasha-iwanov avatar Sep 12 '20 16:09 pasha-iwanov

Did you find out any solutions for this?

saransh-malik avatar Feb 02 '21 13:02 saransh-malik