A beautiful animated widget for your Flutter apps
Add the plugin:
dependencies:
motion_tab_bar: ^0.0.1
Adding the widget
MotionTabController _tabController;
@override
void initState() {
super.initState();
_tabController = new MotionTabController(vsync: this);
}
@override
void dispose() {
super.dispose();
_tabController.dispose();
}
bottomNavigationBar: MotionTabBar(
tabOneName: "Home",
tabTwoName: "Search",
tabThreeName: "Account",
tabOneIcon: Icons.home,
tabTwoIcon: Icons.search,
tabThreeIcon: Icons.account_box,
tabIconColor: Colors.green,
tabSelectedColor: Colors.red,
textStyle: TextStyle(color: Colors.red),
onTabItemSelected: (int value){
print(value);
setState(() {
_tabController.index = value;
});
},
)
Catch me up on LinkedIn @Rezaul Islam
to Code👨🏽💻 Flutter Expert • Dart Kotlin Swift Node Js • Android • Full Stack Mobile Developer
Author: therezacuet
GitHub: https://github.com/therezacuet/Motion-Tab-Bar
#flutter #dart #mobile-apps