Liquid Toggle Bar

Screenshot_1615594687

Horizontal tab interface capable of handing any number of inputs. Easily customize colors with an easy to use set of attributes.

Getting Started

Add

Prerequisites

Works across Android, iOS, Web, Window, and Linux.

Attributes

backgroundColor - The background color of the card holding tabs

selectedTabColor - The background color of the active tab

tabColor - The background color of any shown inactive tabs

selectedTextColor The text color of the active tab

textColor The text color of the inactive tabs

tabsNames - The list of tab names

borderRadius - The radius of the card holding the tabs

onSelectionUpdated - The callback function that gives the index

Basic Example

int currentIndex = 0;

LiquidToggleBar(
  tabsNames: tabsNames,
  borderRadius: 0,
  backgroundColor: Colors.grey,
  selectedTabColor: Colors.orange,
  tabColor: Colors.purple,
  onSelectionUpdated: (index) => setState(() => currentIndex = index),
),

See example tab for more detail

Built With Flutter Love

Change Log

Check out the CHANGELOG.md file updates

Authors

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Libraries

liquid_toggle_bar