dot_bottom_nav_bar

Description:

dot bottom nav bar

dot_bottom_nav_bar #
A flutter package that provides awesome bottom navigation bar with dot indicator.
Installation #

Add the latest version of package to your pubspec.yaml ( and run an implicit flutter pub get ):

dependencies:
dot_bottom_nav_bar: ^0.0.2
copied to clipboard

Import the package and use it in your Flutter App.

import 'package:dot_bottom_nav_bar/view/dot_bottom_nav_bar.dart';
copied to clipboard
Example #

Scaffold(
appBar: AppBar(toolbarHeight: 0),
body: const Center(child: Text("Dot Bottom Nav Bar")),
bottomNavigationBar: DotBottomNavBar(
currentIndex: selectIndex,
onTap: (value) {
setState(() {
selectIndex = value;
});
},
items: [
BottomNavItem(
emptySvg: "assets/ic_empty_home.svg",
fillSvg: "assets/ic_fill_home.svg",
label: "Home"),
BottomNavItem(
emptySvg: "assets/ic_empty_home.svg",
fillSvg: "assets/ic_fill_home.svg",
label: "Explore"),
BottomNavItem(
emptySvg: "assets/ic_empty_home.svg",
fillSvg: "assets/ic_fill_home.svg",
label: "Setting"),
]),
);
copied to clipboard