animated_segmented_tab_control 2.0.0 copy "animated_segmented_tab_control: ^2.0.0" to clipboard
animated_segmented_tab_control: ^2.0.0 copied to clipboard

A customizable segmented control that can be used with a TabView.

A customizable segment tab control. Can be used with or without TabView.

Made in lanars.com.

pub package

Features #

The package provides an advanced segmented control widget based on the TabController.

Usage #

The package contains a SegmentedTabControl widget that requires a SegmentTab list.

SegmentedTabControl(
  tabs: [
    SegmentTab(
      label: "Home".
    ),
  ],
)
copied to clipboard

SegmentedTabControl also requires a TabController. You can provide it with a DefaultTabController or instantiate a TabController instead.

DefaultTabController(
  length: 2,
  child: SegmentedTabControl(
    tabs: [
      SegmentTab(
        label: "Home",
      ),
      SegmentTab(
        label: "Account",
      ),
    ],
  )
)
copied to clipboard

You can change the entire widget or an individual tab. Or combine it. All provided values in the SegmentedTabControl will be replaced with values from each tab.

SegmentedTabControl(
  backgroundColor: Colors.grey.shade300,
  indicatorColor: Colors.orange.shade200,
  tabTextColor: Colors.black45,
  selectedTabTextColor: Colors.white,
  tabs: [
    SegmentTab(
      label: 'ACCOUNT',
      color: Colors.red.shade200,
    ),
    SegmentTab(
      label: 'HOME',
      backgroundColor: Colors.blue.shade100,
      selectedTextColor: Colors.black45,
      textColor: Colors.black26,
    ),
    const SegmentTab(label: 'NEW'),
  ],
),
copied to clipboard

Change tracking logic is identical to TabBar logic.

DefaultTabController.of(context).index
copied to clipboard

or

_controller.index
copied to clipboard

Additional information #

If you have any ideas or are running into a bug, please submit an issue on github page: https://github.com/LanarsInc/animated-segmented-tab-control/issues

94
likes
140
points
2.18k
downloads

Publisher

verified publisherlanars.com

Weekly Downloads

2024.09.21 - 2025.04.05

A customizable segmented control that can be used with a TabView.

Repository (GitHub)

Documentation

API reference

License

BSD-2-Clause (license)

Dependencies

flutter

More

Packages that depend on animated_segmented_tab_control