Liquid Toggle Bar
This is now included in a larger component library, liquidsoft_components
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
- Chris Westerhold - Initial work - (https://github.com/cwesterhold)
License
This project is licensed under the MIT License - see the LICENSE.md file for details