react-native-drawer-bottom

Gesture based Bottom Drawer @60FPS.

Installation

npm install @mks-01/react-native-drawer-bottom@0.1.0

Usage

import Drawer from "@mks-01/react-native-drawer-bottom";

// ...

<Drawer
  backgroundColor={'red'}
  topInset={10}
  bottomInset={200}
  borderRadius={10}
  animationDelay={600}
>
  //...
</Drawer>;

Props

Prop	Type	Description
topInset	number	Visible area start point from top
bottomInset	number	Visible area bottom
borderRadius	number	Top corner radius
backgroundColor	string	Background Color of the root
animationDelay	number	Delay in ms. SHOW and HIDE Sheet.

Example

• yarn example start: start the Metro server for the example app.
• yarn example android: run the example app on Android.
• yarn example ios: run the example app on iOS.

Note

Suitable without ScrollView. HOC ScrollView support coming soon.

Contributing

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

License

MIT