@ssaul/expandable-scrollable-drawer
An expandable/collapsible drawer component for React Native that supports scrollable content
Last updated 7 months 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-scrollable-drawer

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

Imgur Image

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

Current Tags

  • 0.5.2                                ...           latest (7 months ago)

3 Versions

  • 0.5.2                                ...           7 months ago
  • 0.5.1                                ...           7 months ago
  • 0.5.0                                ...           7 months ago
Maintainers (1)
Downloads
Today 0
This Week 3
This Month 3
Last Day 3
Last Week 0
Last Month 3
Dependencies (3)
Dev Dependencies (1)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |