bottom_indicator_bar_svg

Description:

bottom indicator bar svg

bottom_indicator_bar_svg #
A flutter bottom tab with indicator, similar to the bottom tab of facebook app
Forked Mods #


Allow svg icon assets for the icons


Add labels to nav items


Full credit to original repo by Juan Jose Carracedo



Getting Started #
Add the dependency in pubspec.yaml:
dependencies:
...
bottom_indicator_bar_svg: lastest_version
copied to clipboard
Basic Usage #
class HomePage extends StatefulWidget {
@override
State createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
final List<BottomIndicatorNavigationBarItem> items = [
BottomIndicatorNavigationBarItem(icon: Icons.home, label: Text('Home')),
BottomIndicatorNavigationBarItem(icon: Icons.search, label: 'Search'),
BottomIndicatorNavigationBarItem(icon: 'assets/svgIcon.svg', label: 'Svg', iconSize: 28),
];


@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Indicator Bottom Bar"),
backgroundColor: Colors.black87,
),
body: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
],
),
),
bottomNavigationBar: BottomIndicatorBar(
onTap: (index) => {},
items: items,
iconSize: 30.0,
indicatorHeight: 5, // Set to 0 to hide the indicator bar
activeColor: Colors.blue,
inactiveColor: Colors.grey,
indicatorColor: Colors.blue,
backgroundColor: Colors.black87,
),
);
}
}
copied to clipboard