Description:

adaptive scrollable tab bar

Adaptive Scrollable TabsView For Flutter #
Adaptive Scrollable Tab Bar is an upgraded version of Bottom Navigation Bar
It supports scrolling between tabs and animation on transition between tabs also the bottom navigation bar will adapt with the device so if it's android it will bring the android style and if it is an IOS device it will automatically change the style to cupertino style
Preview #

How to use #
After installing the package and including it to your project you will now need a MaterialApp Widget to put this widget on it
the main widget in the widget tree is a Scaffold widget so you can add your appBar inside this widget and don't add the appBar outside
(appBar is not necessary)
Required Arguments #
The AdaptiveScrollableTabsView Has 2 required arguments:
Items
They Are List<BottomNavigationBarItem>
Items are the bottom buttons that will refer to the tabs

Pages
They Are List<Widget>
Pages are widgets which will be the page that will be displayed in the tab
Optional Arguments #
startTab
Type : int
Objective : choose which tab do you want to start with ( Default Tab )
appBar
Type : PreferredSizeWidget
Objective : Insert App Bar to your page
currentPage
Type : int
Objective : refers to the currently selected tab
selectedColor
Type : Color
Objective : refers to the active item's Label and Icon color
unselectedColor
Type : Color
Objective : refers to inactive items Label and Icon color
backgroundColor
Type : Color
Objective : refers to the background color
animationCurve
Type : Curve
Objective : refers to the curve of transition animation
animationDurationForTab
Type : Duration
Objective : refers to animation transition duration when user tabs on item of the bottom tab bar
elevation
Type : double
Objective : elevation of BottomNavigationBar
iconSize
Type : int
Objective : icon size of items
selectedFontSize
Type : int
Objective : font size of the active item
unselectedFontSize
Type : int
Objective : font size of inactive items
selectedLabelStyle
Type : TextStyle
Objective : text style of the active item
unselectedLabelStyle
Type : TextStyle
Objective : text style of inactive items
showSelectedLabels
Type : Boolean
Objective : Choose either you want to show the selected item label or just show the icon
showUnselectedLabels
Type : Boolean
Objective : Choose either you want to show the unselected items label or just show their icon
allowScroll
Type : Boolean
Objective : Enable or Disable Tabs Scrolling
onTap
Type : Function(int)
Objective : The Widget Passes current tab to onTap(int) as a parameter so you can know which page is selected now

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter