React Native True Sheet


The true native bottom sheet experience for your React Native Apps. 💩

Features

* Implemented in the native realm.
* Clean, fast, and lightweight.
* Asynchronus ref methods.
* Bonus! Blur support on IOS 😎

Installation

You can install the package by using either yarn or npm.

``sh
yarn add @lodev09/react-native-true-sheet
`
`sh
npm i @lodev09/react-native-true-sheet
`

Next, run the following to install it on IOS.

`sh
cd ios && pod install
`

Documentation

- Example
- Guides
- Reference
- Troubleshooting

Usage

`tsx
import { TrueSheet } from "@lodev09/react-native-true-sheet"

export const App = () => {
const sheet = useRef(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 (


ref={sheet}
sizes={['auto', 'large']}
cornerRadius={24}
>



)
}
``

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

---

Made with ❤️ by @lodev09