liquid_toggle_bar 1.2.0 liquid_toggle_bar: ^1.2.0 copied to clipboard
Horizontal tab interface capable of handing any number of inputs. Easily customize colors with an easy to use set of attributes.
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