flut_grouped_buttons

Description:

flut grouped buttons

flut_grouped_buttons #
Only a single Flutter widgets that makes Checkboxes and Radio Buttons with string you provided
And you can to provide idvalue which you wish you get in Very Easy Way!
Installing #
Add the following to your pubspec.yaml file:
dependencies:
flut_grouped_buttons: ^0.0.7
copied to clipboard
Simple Usage #
Creating a basic CheckBox with string list
FlutGroupedButtons<String>(
data: <String>[
"Saturday",
"Sunday",
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
],
onSelected: (checked) => print(checked)
);
copied to clipboard
Creating a basic CheckBox with map list
FlutGroupedButtons<Map<String, String>>(
idKey: 'id',
valueKey: 'name',
data: const [
{"id": 'id1', "name": "Saturday"},
{"id": 'id2', "name": "Sunday"},
{"id": 'id3', "name": "Monday"},
{"id": 'id4', "name": "Tuesday"},
{"id": 'id5', "name": "Wednesday"},
{"id": 'id6', "name": "Thursday"},
{"id": 'id7', "name": "Friday"},
],
onChanged: (id) => print(id),
),
copied to clipboard
Creating a basic RadioButton with string list
FlutGroupedButtons<String>(
isRadio: true,
data: <String>[
"Saturday",
"Sunday",
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
],
onSelected: (checked) => print(checked)
);
copied to clipboard
Creating a basic RadioButton with map list here the return value is the value of idKey you iserted
FlutGroupedButtons<Map<String, String>>(
isRadio: true,
idKey: 'id',
valueKey: 'name',
data: const [
{"id": 'id1', "name": "Saturday"},
{"id": 'id2', "name": "Sunday"},
{"id": 'id3', "name": "Monday"},
{"id": 'id4', "name": "Tuesday"},
{"id": 'id5', "name": "Wednesday"},
{"id": 'id6', "name": "Thursday"},
{"id": 'id7', "name": "Friday"},
],
onChanged: (id) => print(id),
),
copied to clipboard


Properties FlutGroupedButtons



Properties
Description




isRadio
If it's true Activate The Radio Button Widget.


isRow
If it's true it will be Row.


idKey
Specifies the id key value when you use map input for data only use for map .


valueKey
Specifies the value key in your map input for data only use for map.


activeColor
The active color you choose.


checkColor
The check color you choose.


labelStyle
The Style for your text.


checkShape
The outlined shape you choose for your check shape.


titleCheckSpace
The space between your title and your checkbox.



Screenshot