multi_navigator_bottom_bar 0.0.2 multi_navigator_bottom_bar: ^0.0.2 copied to clipboard
Helps you to build multi-navigator bottom navigation bar more easily.
multi_navigator_bottom_bar #
Helps you to build multi-navigator bottom navigation bar more easily.
Usage #
There is an example app in the repo. Part of the main scenario:
class _MyHomePageState extends State<MyHomePage> {
static final tabSize = 4;
var currentTabIndex = 0;
var tabs = List.generate(
tabSize,
(index) => BottomBarTab(
initPageBuilder: (_) => Page(index.toString()),
tabIconBuilder: (_) => Icon(Icons.add),
tabTitleBuilder: (_) => Text("Tab ${index.toString()}"),
),
);
@override
Widget build(BuildContext context) =>
MultiNavigatorBottomBar(currentTabIndex: currentTabIndex, tabs: tabs);
}
Use this package as a library #
1. Depend on it #
Add this to your package's pubspec.yaml file:
dependencies:
multi_navigator_bottom_bar: ^0.0.2
2. Install it #
You can install packages from the command line:
with pub:
$ pub get
with Flutter:
$ flutter packages get
Alternatively, your editor might support pub get or flutter packages get. Check the docs for your editor to learn more.
3. Import it #
Now in your Dart code, you can use:
import 'package:multi_navigator_bottom_bar/multi_navigator_bottom_bar.dart';