JAVASCRIPT

react native elements bottom sheet

//#react native elements bottom sheet close on back button press
<BottomSheet
isVisible={isModelVisible}
modalProps={{
            animationType: 'fade',
            hardwareAccelerated: true,
            onRequestClose: () => {
              setModelVisible(false);
            },
}}>
  ....
  <BottomSheet/>

react native bottom sheet

npm i react-native-raw-bottom-sheet --save

react native bottom sheet

npm i react-native-raw-bottom-sheet --save

react native bottom sheet above the bottom menu

//you will need to use BottomSheetModal and add its provider to the root component of you application


import { BottomSheetModalProvider } from '@gorhom/bottom-sheet'


const App = () => {
  return (
    <BottomSheetModalProvider>
      <Navigation /> // this is my app entry component (react-navigation Navigator), use yours
    </BottomSheetModalProvider>
  )