Tabs

A TabItem-driven tab bar, with a scrollable variant for more tabs than fit on screen.

View source on GitHub ↗

FBTabs.standard(
  tabs: [TabItem(label: 'Home'), TabItem(label: 'Profile')],
);

CLI

Install this component into your project:

tabs

$flutter_beautify add tabs

Variants

FBTabs.standard() · FBTabs.scrollable()

Key parameters

Parameter	Type	Default
tabs	List<TabItem>	required
initialIndex	int	0
activeColor	Color?	ambient colorScheme.primary

Usage

import 'package:your_app/widgets/tabs.dart';

FBTabs.scrollable(
  tabs: categories.map((c) => TabItem(label: c.name)).toList(),
);