Package Exports
- @ssaul/expandable-scrollable-drawer
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@ssaul/expandable-scrollable-drawer) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
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