radio_grouped_buttons 1.0.0 radio_grouped_buttons: ^1.0.0 copied to clipboard
New Grouped Radio Buttons Widget. Using this widget grouping and electing list of amout buttons will be easy.
radio_grouped_button #
This Widget is specially designed for List of grouped radio buttons in grid manner flutter. You can customize it any time with its all attributes. You can create radio button group in horizontal manner or vertical manner as you wish. Button width,height spaces between buttons,colors all the things are customizable.
Installing #
dependencies:
radio_grouped_buttons: 0.0.1
Creating radio button #
Make sure You have included the parent widget with bounded like container with width and height.
All Attributes #
CustomRadioButton({this.buttonLables,
this.buttonValues,
this.radioButtonValue,
this.buttonWidth,
this.buttonColor,
this.selectedColor,
this.buttonHeight,
this.horizontal,
this.enableShape,
this.elevation,
this.customShape,
this.fontSize,
this.lineSpace,
this.buttonSpace,
this.buttonBorderColor,
this.textColor,
this.selectedTextColor
})
creating horizontal radio button list #
When It overflow container width It will be added to next line automatically.
Container(
padding: EdgeInsets.all(10),
width: MediaQuery.of(context).size.width,
height: 160,
child: CustomRadioButton(
buttonLables: buttonList,
buttonValues: buttonList,
radioButtonValue: (value)=>print(value),
horizontal: true,
enableShape: true,
buttonSpace: 5,
buttonColor: Colors.white,
selectedColor: Colors.cyan,
),
),
creating vertical radio button list #
When It overflow container width in one line It will be automatically added to new column inside the parent widget.
Container(
padding: EdgeInsets.all(10),
width: MediaQuery.of(context).size.width,
height: 250,
child: CustomRadioButton(
buttonLables: buttonList,
buttonValues: buttonList,
radioButtonValue: (value)=>print(value),
enableShape: true,
buttonSpace: 5,
buttonColor: Colors.white,
selectedColor: Colors.cyan,
),
),
Creating Equal width vertical radio button list #
If you want to create the buttons with equal width and height buttonWidth and buttonHeight attributes are also available
Container(
padding: EdgeInsets.all(10),
width: MediaQuery.of(context).size.width,
height: 250,
child: CustomRadioButton(
buttonLables: buttonList,
buttonValues: buttonList,
radioButtonValue: (value)=>print(value),
enableShape: true,
buttonSpace: 5,
buttonColor: Colors.white,
selectedColor: Colors.cyan,
buttonWidth: 150,
),
),
creating equal width horizontal button list #
Container(
padding: EdgeInsets.all(10),
width: MediaQuery.of(context).size.width,
height: 250,
child: CustomRadioButton(
buttonLables: buttonList,
buttonValues: buttonList,
radioButtonValue: (value)=>print(value),
horizontal: true,
enableShape: true,
buttonSpace: 5,
buttonColor: Colors.white,
selectedColor: Colors.cyan,
buttonWidth: 150,
),
)