rgommezz / react-native-scroll-bottom-sheet

Cross platform scrollable bottom sheet with virtualisation support, native animations at 60 FPS and fully implemented in JS land :fire:
MIT License
1.54k stars 64 forks source link

Android: sheet stops between snap points #49

Open pasha-iwanov opened 3 years ago

pasha-iwanov commented 3 years ago

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
saransh-malik commented 3 years ago

Did you find out any solutions for this?