rounded_tabbar_widget 0.0.2 copy "rounded_tabbar_widget: ^0.0.2" to clipboard
rounded_tabbar_widget: ^0.0.2 copied to clipboard

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

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 #

parameter description default
onTabItemIndexChanged Completion Handler which returns index of current tab page (int index) {}
tabIcons List of Tab Icons Pass List of IconData parameter
pages List of Tab Pages Pass List of Tab widgets parameter
selectedIndex Index of tab page to be shown selected initially This is a optional parameter
itemNormalColor Color of Tabbar item for normal state This is a optional parameter
itemSelectedColor Color of Tabbar item for selected state This is a optional parameter
tabBarBackgroundColor Background color of Tabbar This is a optional parameter

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

more detail

18
likes
140
pub points
65%
popularity

Publisher

verified publishercodeokplease.com

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

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on rounded_tabbar_widget