Skip to content

Android: sheet stops between snap points #49

Open
@pasha-iwanov

Description

@pasha-iwanov

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions