BottomBars

Pub

A easier way to create bottom bars in Flutter.

Preview

Import

import 'package:bottom_bars/bottom_bars.dart';

Example

BottomBars(
  items: [
    BottomBarsItem(
      page: Scaffold(
        floatingActionButton: FloatingActionButton(onPressed: () {}),
      ),
      item: Item(
        icon: Icons.group,
        title: Text("Group"),
      ),
    ),
    BottomBarsItem(
      page: Scaffold(
        appBar: AppBar(
          title: Text("Audio"),
        ),
        floatingActionButton: FloatingActionButton(onPressed: () {}),
      ),
      item: Item(
        icon: Icons.ac_unit_outlined,
        title: Text("Audio"),
      ),
    ),
    BottomBarsItem(
      page: Scaffold(backgroundColor: Colors.yellow),
      item: Item(
        icon: Icons.home,
        title: Text("Home"),
        color: Colors.grey,
        activeColor: Colors.yellow,
      ),
    ),
    BottomBarsItem(
      page: Scaffold(backgroundColor: Colors.red),
      item: Item(
        icon: Icons.settings,
        title: Text("Settings"),
        color: Colors.grey,
        activeColor: Colors.red,
      ),
    ),
  ],
)

Properties

final List<BottomBarsItem> items;
final BottomBarsType type;
final bool canDrag;
final int initialIndex;
final Function(int) onTap;
final Color backgroundBarColor;
final bool canAnimate;

final Curve curves;
final Duration duration;

BottomBars({
  Key key,
  @required this.items,
  this.type = BottomBarsType.Pattern,
  this.canDrag = false,
  this.initialIndex = 0,
  this.onTap,
  this.canAnimate = false,
  this.backgroundBarColor,
  this.curves = Curves.ease,
  this.duration = const Duration(milliseconds: 300),
})

Libraries

animated_bar
animated_big_bar
bottom_bars
bottom_bars_controller
bottom_bars_item
bottom_bars_type
bottom_bars_widget
pattern