rounded_tabbar_widget

Language: English

A simple flutter package for creating a TabBarView layout with custom Tabbar.

Technical Notes: The layout for pages is built using TabbarView and layout of Tab buttons is customised. This package supports pages to be scrolled too.

How to use it.

the usage is very simple, just use the following

 RoundedTabbarWidget(
      tabIcons: [
        Icons.home,
        Icons.favorite,
        Icons.chat,
        Icons.person,
      ],
      pages: [
        HomePageWidget(),
        FavoritePageWidget(),
        MessagesPageWidget(),
        ProfilePageWidget(),
      ],
      selectedIndex: 0,
      onTabItemIndexChanged: (int index) {
        print('Index: $index');
      },
    ),

parameters

parameterdescriptiondefault
onTabItemIndexChangedCompletion Handler which returns index of current tab page(int index) {}
tabIconsList of Tab IconsPass List of IconData parameter
pagesList of Tab PagesPass List of Tab widgets parameter
selectedIndexIndex of tab page to be shown selected initiallyThis is a optional parameter
itemNormalColorColor of Tabbar item for normal stateThis is a optional parameter
itemSelectedColorColor of Tabbar item for selected stateThis is a optional parameter
tabBarBackgroundColorBackground color of TabbarThis is a optional parameter

Please note the number of pages and tabIcons should be equal.

more detail

Libraries

rounded_tabbar_widget
tabbar_item_widget
tabbar_widget