0.5.2 • Published 5 years ago
@ssaul/expandable-scrollable-drawer v0.5.2
expandable-scrollable-drawer
Expandable drawer component for React Native that supports scrollable content and can be controlled programatically.
Installation
$ yarn add expandable-scrollable-drawer
or
$ npm install expandable-scrollable-drawer --save
then
import { Drawer } from 'expandable-scrollable-drawer'
Example
<Drawer
drawerPosition={ 'collapsed' }
onChange={ newPosition => {} }>
/* Content Here */
</Drawer>Props
| Prop | Type | Description | Default | Possible Values |
|---|---|---|---|---|
| dismissFromFullHeight | bool | If true, swiping down from the full height will dismiss the drawer. If false, swiping down from the full height will collapse the drawer. | false | true, false |
| expandable | bool | If true, allows the drawer to be dragged up to expand. If false, the drawer can only be dismissed. | true | true, false |
| drawerPosition | string | sets the drawer's starting position and allows it to be controlled programatically. | collapsed | collapsed, expanded, dismissed |
| drawerStyle | object | Customize the drawer's background color or other style props | { } | { } |
| handleBarStyle | object | Customize the handle bar's size, color, opactiy, etc. | { } | { } |
| onChange | func | Function is called when the drawer's state changes | ()=>{ } | collapsed, expanded, dismissed |
Try It
Expo Snack:
https://snack.expo.io/@ssaul/expandable-drawer-with-scrollable-content