A Sidebar widget for your flutter mobile/web apps

  Flutter App, web app, Widgets

flutter_sidebar

An easy to configure sidebar widget for your flutter mobile/web apps

2020-06-29-225932_1124x667_scrot

Usage

import 'package:flutter_sidebar/flutter_sidebar.dart';

Simple Sidebar with few sidebar items:

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Flutter Sidebar')),
      drawer: Sidebar.fromJson(
        tabs: [
          {
            'title': 'Chapter A',
            'children': [
              {'title': 'Chapter A1'},
              {'title': 'Chapter A2'},
            ],
          },
          {
            'title': 'Chapter B',
            'children': [
              {'title': 'Chapter B1'},
              {
                'title': 'Chapter B2',
                'children': [
                  {'title': 'Chapter B2a'},
                  {'title': 'Chapter B2b'},
                ],
              },
            ],
          },
          {'title': 'Chapter C'},
        ],
      ),
    );
  }
}

Download Sidebar widget source code on GitHub

https://github.com/tusharsadhwani/flutter_sidebar