platform_tab_bar_control 0.0.4 copy "platform_tab_bar_control: ^0.0.4" to clipboard
platform_tab_bar_control: ^0.0.4 copied to clipboard

A simple Tab Bar Control that uses the platforms default widgets to control a `TabBarView`. Uses the regular `TabBar` on Android and a `CupertinoSegmentedControl` on iOS.

platform_tab_bar_control #

A simple Tab Bar Control that uses the platforms default widgets to control a TabBarView.

On Android, uses the regular TabBar. On iOS, uses a CupertinoSegmentedControl.

Usage #

PlatformTabBarControl(
	controller: _tabController,
	tabTitles: ['Tab One', 'Tab Two'],
)

Further Customization

CupertinoSegmentedControl take the colors from the CupertinoTheme. If you don't have a CupertinoTheme configured properly you will need to specify the colors manually using the segmentedControlColors property:

PlatformTabBarControl(
	controller: _tabController,
	tabTitles: ['Tab One', 'Tab Two'],
	segmentedControlColors: PlatformTabSegmentedControlColors(
		borderColor: Colors.white,
		selectedColor: Colors.white,
		unselectedColor: Colors.black
   ),
)

Since the CupertinoSegmentedControl does not have an scroll sometimes you need to use smaller texts on iOS to make them fit on the screen. You can specify different texts to iOS using the cupertinoTabTitles property:

PlatformTabBarControl(
	controller: _tabController,
	tabTitles: ['Tab One Long Title', 'Tab Two Long Title'],
	isScrollable: true,
	cupertinoTabTitles: ['One', 'Two'],
)
2
likes
20
pub points
4%
popularity

Publisher

verified publisherneomode.com.br

A simple Tab Bar Control that uses the platforms default widgets to control a `TabBarView`. Uses the regular `TabBar` on Android and a `CupertinoSegmentedControl` on iOS.

Homepage

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on platform_tab_bar_control