Skip to content

DraggableDrawer is a component for react-native, it allows you have a vertical draggable drawer view that you can drag up or drag down. So, if you drag and release that component, then it keeps moving until reach either initial position or container border.

License

Notifications You must be signed in to change notification settings

llanox/react-native-draggable-drawer

Repository files navigation

react-native-draggable-drawer

DraggableDrawer is a component for react-native, it allows you have a vertical draggable drawer view that you can drag up or drag down. So, if you drag and release that component, then it keeps moving until reach either initial position or container border.

Example

react-native-draggable-drawer

Installation

$ npm i react-native-draggable-drawer --save

Properties

Basic

Prop Default Type Description
onDragDown undefined function If you pass a function as parameter it will be notified when the user drag down the drawer
onRelease undefined function If you pass a function as parameter it will be notified when the user release the drawer after drag it
initialDrawerSize 0.0 number It's the initial position or size for Drawer component. If drawer size is 1 that means its using 100% of avalaible space on the screen
renderContainerView undefined View Pass as parameter a renderable react component to show as container.
renderDrawerView undefined View Pass as parameter a renderable react component to show as drawer.

TODO

  • We need use Animated instead of rebound library. Rebound isn't recommended by react-native developers

Credits

About

DraggableDrawer is a component for react-native, it allows you have a vertical draggable drawer view that you can drag up or drag down. So, if you drag and release that component, then it keeps moving until reach either initial position or container border.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published