flutter radio button

Add Answer

Dineth S answered on June 7, 2021 Popularity 10/10 Helpfulness 3/10

answer flutter radio button

related radio buttons flutter

related custom radio button flutter

related flutter radio button

related radio button validation in flutter

related radio button flutter

flutter radio button

Comment

-1

Radio<int>(
    activeColor: Colors.white,
    value: 1,
    groupValue: gender,
    onChanged: (value) {
    setState(() {
    	gender = value!;
	}
);

Popularity 10/10 Helpfulness 3/10 Language dart

Source: Grepper

Tags: dart flutter radio-button

Link to this answer
Share Copy Link

Contributed on Oct 08 2022

Dineth S

0 Answers Avg Quality 2/10

Closely Related Answers

radio buttons flutter

Comment

import 'package:flutter/material.dart';

class RadioButtonsDemo extends StatefulWidget {
  @override
  _RadioButtonsDemoState createState() => _RadioButtonsDemoState();
}

class _RadioButtonsDemoState extends State<RadioButtonsDemo> {
  String selectedOption;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Row(
          children: <Widget>[
            Radio(
              value: 'Option 1',
              groupValue: selectedOption,
              onChanged: (value) {
                setState(() {
                  selectedOption = value;
                });
              },
            ),
            Text('Option 1'),
          ],
        ),
        Row(
          children: <Widget>[
            Radio(
              value: 'Option 2',
              groupValue: selectedOption,
              onChanged: (value) {
                setState(() {
                  selectedOption = value;
                });
              },
            ),
            Text('Option 2'),
          ],
        ),
        Row(
          children: <Widget>[
            Radio(
              value: 'Option 3',
              groupValue: selectedOption,
              onChanged: (value) {
                setState(() {
                  selectedOption = value;
                });
              },
            ),
            Text('Option 3'),
          ],
        ),
      ],
    );
  }
}

Popularity 10/10 Helpfulness 5/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

custom radio button flutter

Comment

class CustomRadio extends StatefulWidget {
  @override
  createState() {
    return new CustomRadioState();
  }
}

class CustomRadioState extends State<CustomRadio> {
  List<RadioModel> sampleData = new List<RadioModel>();

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    sampleData.add(new RadioModel(false, 'A', 'April 18'));
    sampleData.add(new RadioModel(false, 'B', 'April 17'));
    sampleData.add(new RadioModel(false, 'C', 'April 16'));
    sampleData.add(new RadioModel(false, 'D', 'April 15'));
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("ListItem"),
      ),
      body: new ListView.builder(
        itemCount: sampleData.length,
        itemBuilder: (BuildContext context, int index) {
          return new InkWell(
            //highlightColor: Colors.red,
            splashColor: Colors.blueAccent,
            onTap: () {
              setState(() {
                sampleData.forEach((element) => element.isSelected = false);
                sampleData[index].isSelected = true;
              });
            },
            child: new RadioItem(sampleData[index]),
          );
        },
      ),
    );
  }
}

class RadioItem extends StatelessWidget {
  final RadioModel _item;
  RadioItem(this._item);
  @override
  Widget build(BuildContext context) {
    return new Container(
      margin: new EdgeInsets.all(15.0),
      child: new Row(
        mainAxisSize: MainAxisSize.max,
        children: <Widget>[
          new Container(
            height: 50.0,
            width: 50.0,
            child: new Center(
              child: new Text(_item.buttonText,
                  style: new TextStyle(
                      color:
                          _item.isSelected ? Colors.white : Colors.black,
                      //fontWeight: FontWeight.bold,
                      fontSize: 18.0)),
            ),
            decoration: new BoxDecoration(
              color: _item.isSelected
                  ? Colors.blueAccent
                  : Colors.transparent,
              border: new Border.all(
                  width: 1.0,
                  color: _item.isSelected
                      ? Colors.blueAccent
                      : Colors.grey),
              borderRadius: const BorderRadius.all(const Radius.circular(2.0)),
            ),
          ),
          new Container(
            margin: new EdgeInsets.only(left: 10.0),
            child: new Text(_item.text),
          )
        ],
      ),
    );
  }
}

class RadioModel {
  bool isSelected;
  final String buttonText;
  final String text;

  RadioModel(this.isSelected, this.buttonText, this.text);
}

Popularity 10/10 Helpfulness 3/10 Language dart

Source: stackoverflow.com

Tags: dart

Link to this answer
Share Copy Link

Contributed on Jul 30 2021

Sleepy Squirrel

0 Answers Avg Quality 2/10

flutter radio button

Comment

// Outof class 
enum SingingCharacter { lafayette, jefferson }

// declare object
SingingCharacter? _character = SingingCharacter.lafayette;
 
Radio<SingingCharacter>(
                    value: SingingCharacter.lafayette,
                    groupValue: _character,
                    onChanged: (SingingCharacter? value) {
                      setState(() {
                        _character = value;
                      }
                      );
                    },
                  ),

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Jan 10 2022

CodePadding

0 Answers Avg Quality 2/10

radio button validation in flutter

Comment

This package helps in creation of Flutter Forms by providing the syntactic sugar for creating a Form Widget and reduce the boilerplate needed to build a form, validate fields, react to changes, and collect the value of the Form

Popularity 10/10 Helpfulness 1/10 Language kotlin

Source: Grepper

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Jun 07 2021

Frightened Ferret

0 Answers Avg Quality 2/10

radio button flutter

Comment

Radio(
  value: "radio value", 
  groupValue: "group value", 
  onChanged: (value){
    print(value); //selected value
  }
) 

//or 

RadioListTile(
    title: Text("Male"),
    value: "male", 
    groupValue: "male", 
    onChanged: (value){
      setState(() {

      });
    },
)

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: www.fluttercampus.com

Tags: flutter radio-button whatever

Link to this answer
Share Copy Link

Contributed on Aug 26 2022

Defeated Deer

0 Answers Avg Quality 2/10

flutter radio button

Contents

More Related Answers

flutter radio button

Closely Related Answers

radio buttons flutter

custom radio button flutter

flutter radio button

radio button validation in flutter

radio button flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.