motion_tab_bar 0.1.5

Flutter Android iOS web

An animated Bottom Navigation Bar for Flutter apps, icon animates into place, colors are customizable.

Motion Tab Bar #

A beautiful animated widget for your Flutter apps

|---------|----------| |MotionTabBar Gif |

Getting Started #

Add the plugin:

dependencies:
  motion_tab_bar: ^0.1.5

Basic Usage #

Adding the widget

   MotionTabController _tabController;
  @override
  void initState() {
    super.initState();
    _tabController = new MotionTabController(initialIndex:1,vsync: this);
  }

  @override
  void dispose() {
    super.dispose();
    _tabController.dispose();
  }

  bottomNavigationBar: MotionTabBar(
          labels: [
            "Account","Home","Dashboard"
          ],
          initialSelectedTab: "Home",
          tabIconColor: Colors.green,
          tabSelectedColor: Colors.red,
          onTabItemSelected: (int value){
               print(value);
               setState(() {
                  _tabController.index = value;
               });
          },
          icons: [
            Icons.account_box,Icons.home,Icons.menu
          ],
          textStyle: TextStyle(color: Colors.red),
  ),

Catch me up on LinkedIn @Rezaul Islam

πŸ’™ to CodeπŸ‘¨πŸ½β€πŸ’» Flutter Expert β€’ Dart Kotlin Swift Node Js β€’ Android β€’ Full Stack Mobile Developer

52
likes
100
pub points
88%
popularity

An animated Bottom Navigation Bar for Flutter apps, icon animates into place, colors are customizable.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

rejaulcuet88@gmail.com

License

unknown (LICENSE)

Dependencies

flutter, vector_math

More

Packages that depend on motion_tab_bar