Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 318 Commits
.github		.github
.yarn		.yarn
android		android
docs		docs
example		example
ios		ios
lib		lib
scripts		scripts
src		src
.editorconfig		.editorconfig
.eslintignore		.eslintignore
.gitattributes		.gitattributes
.gitignore		.gitignore
.nvmrc		.nvmrc
.prettierignore		.prettierignore
.watchmanconfig		.watchmanconfig
.yarnrc.yml		.yarnrc.yml
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
TrueSheet.podspec		TrueSheet.podspec
babel.config.js		babel.config.js
lefthook.yml		lefthook.yml
package.json		package.json
tsconfig.build.json		tsconfig.build.json
tsconfig.json		tsconfig.json
turbo.json		turbo.json
yarn.lock		yarn.lock

Repository files navigation

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.
Asynchronusrefmethods.
Bonus!Blur support on IOS 😎

Installation

You can install the package by using eitheryarn ornpm.

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

Documentation

Usage

import{TrueSheet}from"@lodev09/react-native-true-sheet"exportconstApp=()=>{constsheet=useRef<TrueSheet>(null)// Present the sheet ✅constpresent=async()=>{awaitsheet.current?.present()console.log('horray! sheet has been presented 💩')}// Dismiss the sheet ✅constdismiss=async()=>{awaitsheet.current?.dismiss()console.log('Bye bye 👋')}return(<View><ButtononPress={present}title="Present"/><TrueSheetref={sheet}sizes={['auto','large']}cornerRadius={24}><ButtononPress={dismiss}title="Dismiss"/></TrueSheet></View>)}