Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv0.3.1

flutter_sidebar

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

pub.dev API documentation Source code
30-day downloads
58
Likes
21
Pub points
40

Install package

flutter pub add flutter_sidebar

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

flutter_sidebar is a customizable sidebar widget designed for Flutter applications on mobile and web platforms. It offers an easy-to-configure navigation interface, ideal for apps requiring consistent and accessible menu layouts. The package supports responsive design and integrates seamlessly with existing Flutter projects. With minimal setup, developers can implement intuitive side navigation that enhances user experience across devices.

Use cases

  • Mobile app navigation
  • Web application dashboards
  • Responsive UI layouts
  • Single-page application menus
  • Customizable drawer interfaces

Key features

  • Easy configuration
  • Responsive design support
  • Lightweight and fast
  • Extensible widget structure
  • Built-in animation support

Suitable for

  • Developers building navigation-heavy apps
  • Teams prioritizing UI consistency
  • Projects targeting both mobile and web
  • Frontend developers seeking reusable components
  • Apps needing lightweight sidebar solutions

Considerations

  • Limited to basic sidebar functionality
  • No built-in dark mode toggle
  • Requires manual handling of route management
  • Not optimized for complex nested navigation
  • No official documentation beyond GitHub README

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

flutter_sidebar

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

See also: scaffold_responsive

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'},
        ],
      ),
    );
  }
}

Categories

Drawer & Navigation Rail

Source repository

Projects using this package

No data available yet.