elastic_drawer 1.0.0

Flutter Android iOS web

Elastic Drawer - elastic panel that slides in horizontally to show fully customize content (navigation links, menu items, notes etc.)

Elastic Drawer #

Elastic panel that slides in horizontally to show fully customize content (navigation links, menu items, notes etc.)

img img

How to use #

@override
  Widget build(BuildContext context) {
    return ElasticDrawer(
      mainColor: Colors.white,
      drawerColor: Color(0xff3C3F41),
      mainChild: Column(
        children: [
          Text('MAIN content'),
          ...
        ]
      ),
      drawerChild: Column(
        children: [
          Text('DRAWER content'),
          ...
        ]
      ),
    );
  }

If you want to navigate inside use ElasticDrawerKey.navigator

InkWell(
  onTap: (){
    ElasticDrawerKey.navigator.currentState.push(
      MaterialPageRoute(
        builder: (context) => YourNextPage()
      )
    );
    ...
  },
)

If you want to close drawer programmatically use ElasticDrawerKey.drawer

InkWell(
  onTap: (){
    ElasticDrawerKey.drawer.currentState.closeElasticDrawer(context);
    ...
  },
)
22
likes
100
pub points
58%
popularity

Elastic Drawer - elastic panel that slides in horizontally to show fully customize content (navigation links, menu items, notes etc.)

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

nevedomyy@googlemail.com

License

BSD (LICENSE)

Dependencies

flutter

More

Packages that depend on elastic_drawer