An expandable/collapsible drawer component for React Native that supports scrollable content
Last updated a year ago by ssaul .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @ssaul/expandable-scrollable-drawer 
SYNC missed versions from official npm registry.


Expandable drawer component for React Native that supports scrollable content and can be controlled programatically.

Imgur Image


$ yarn add expandable-scrollable-drawer


$ npm install expandable-scrollable-drawer --save


import { Drawer } from 'expandable-scrollable-drawer'


  drawerPosition={ 'collapsed' }
  onChange={ newPosition => {} }>
  /* Content Here */


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:


Current Tags

  • 0.5.2                                ...           latest (a year ago)

3 Versions

  • 0.5.2                                ...           a year ago
  • 0.5.1                                ...           a year ago
  • 0.5.0                                ...           a year ago
Maintainers (1)
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (3)
Dev Dependencies (1)
Dependents (0)

Copyright 2014 - 2016 © taobao.org |