Home

Awesome

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

draggable-drawer-image-bouncing

react-native-draggable-drawer

Installation

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

Properties

Basic

PropDefaultTypeDescription
onDragDownundefinedfunctionIf you pass a function as parameter it will be notified when the user drag down the drawer
onReleaseundefinedfunctionIf you pass a function as parameter it will be notified when the user release the drawer after drag it
initialDrawerSize0.0numberIt'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
renderContainerViewundefinedViewPass as parameter a renderable react component to show as container.
renderDrawerViewundefinedViewPass as parameter a renderable react component to show as drawer.

TODO

Credits