Bottom Sheet Modal - unable to swipe close modal on Android

Bug

• Unable to close bottom sheet modal on Android. iOS works great.

Environment info

Library	Version
@gorhom/bottom-sheet	^1.4.1
react-native	0.62.2
react-native-reanimated	^1.9.0
react-native-gesture-handler	^1.6.1

Steps To Reproduce

1. Implement bottom sheet modal
2. Try to swipe down on Android

Describe what you expected to happen:

1. Expect the modal to close when user swipes down

Reproducible sample code

Wrapped my navigation in modal provider

const AppNavigation = () => {
  return (
    <SafeAreaProvider>
      <NavigationContainer>
        <AlertContextProvider customStyles={customStyles}>
          <BottomSheetModalProvider dismissOnScrollDown={true} allowTouchThroughOverlay={false}>
            <PlayerContextProvider>
              <MainStackNavigator />
            </PlayerContextProvider>
          </BottomSheetModalProvider>
        </AlertContextProvider>
      </NavigationContainer>
    </SafeAreaProvider>
  );
};

• Rendering modal on button press

// Makes the search full page modal appear 
  const handlePresentPress = useCallback(() => {
    present(
      <SearchComponent 
        updateSearch={(search) => setSearch(search)} 
        onTagSelect={(tag) => updateSearch(tag.title)}
        search={search} 
        isLoading={isLoading} 
        tags={storyReducer.allTags}
      />,
      {
        snapPoints: snapPoints, 
        onChange: handleSheetChanges,
      }
    );
  }, [present, snapPoints, handleSheetChanges]);

[adamsoutar]

Are you able to swipe on normal (non-modal) sheets? I had an issue where I was unable to drag sheets on Android, and it turned out I hadn’t set up react-native-gesture-handler properly for Android in MainActivity.java

[Myzel394]

I also faced this issue. Just had to wrap my app with <GestureHandlerRootView />.