The true native bottom sheet experience for your React Native Apps. π©
React Native True Sheet - IOS React Native True Sheet - Android
- Implemented in the native realm.
- Clean, fast, and lightweight.
- Asynchronus
refmethods. - Bonus! Blur support on IOS π
You can install the package by using either yarn or npm.
yarn add @lodev09/react-native-true-sheet
npm i @lodev09/react-native-true-sheet
Next, run the following to install it on IOS.
cd ios && pod install
import { TrueSheet } from "@lodev09/react-native-true-sheet" export const App = () => { const sheet = useRef<TrueSheet>(null) // Present the sheet β const present = async () => { await sheet.current?.present() console.log('horray! sheet has been presented π©') } // Dismiss the sheet β const dismiss = async () => { await sheet.current?.dismiss() console.log('Bye bye π') } return ( <View> <Button onPress={present} title="Present" /> <TrueSheet ref={sheet} sizes={['auto', 'large']} cornerRadius={24} > <Button onPress={dismiss} title="Dismiss" /> </TrueSheet> </View> ) }
See the contributing guide to learn how to contribute to the repository and the development workflow.
Made with β€οΈ by @lodev09