Getting started

1. Install React Native Bottom Sheet:

   npm i @swmansion/react-native-bottom-sheet

2. Wrap your app with BottomSheetProvider:

   const App = () => <BottomSheetProvider>{/* ... */}</BottomSheetProvider>;

The library provides two components: BottomSheet (inline) and ModalBottomSheet (modal). Both render their children as the sheet content, with a surface prop for the background behind it, and are controlled via detents, index, and onIndexChange. Use onSettle to observe when the sheet finishes moving.