"flutter radio button" Code Answer's

radio button validation in flutter

By Frightened Ferret on Jun 07, 2021

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

Add Comment

flutter radio button with text

By Sparkling Skimmer on Mar 15, 2021

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Nicesnippets',
      theme: ThemeData(
        primarySwatch: Colors.red,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Welcome to Nicesnippets'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;
  State createState() => State();
}



class _State extends State   {
  TextEditingController nameController = TextEditingController();
  int _radioValue = 0;

  void _handleRadioValueChange(int value) {
    setState(() {
      _radioValue = value;

      switch (_radioValue) {
        case 0:
          break;
        case 1:
          break;
        case 2:
          break;
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar (
          title: Text('Welcome to Nicesnippets'),
        ),
        body: Padding(

            padding: EdgeInsets.all(10),

            child: ListView(
              children: [
                Container(
                    alignment: Alignment.center,
                    padding:EdgeInsets.all(10), 
                    margin: const EdgeInsets.only(top: 50),
                    child: Text(
                      'Radio Button',
                      style: TextStyle(
                          color: Colors.red,
                          fontWeight: FontWeight.w500,
                          fontSize: 30),
                    )),
                new Row(
                  mainAxisAlignment: MainAxisAlignment.center,
: MainAxisAlignment.center,
                  children: [
                    new Radio ( 
                      value: 0,
                      groupValue: _radioValue,
: _radioValue ,
                      onChanged: _handleRadioValueChange ,
                    ),
                    new Text(
                      'First',
                      style: new TextStyle(fontSize: 16.0),
                    ),
),
                    new Radio(
new Radio ( 
                      value: 1,
                      groupValue: _radioValue,
: _radioValue ,
                      onChanged: _handleRadioValueChange,
: _handleRadioValueChange ,
                    ),
),
                    new Text(
new Text(
                      'Second',
                      style: new TextStyle(
                        fontSize: 16.0,
                      ),
                    ),
),
                    new Radio(
new Radio ( 
                      value: 2,
                      groupValue: _radioValue,
: _radioValue ,
                      onChanged: _handleRadioValueChange,
: _handleRadioValueChange ,
                    ),
),
                    new Text(
newText( 
                      'Last',
                      style: new TextStyle(fontSize: 16.0),
:newTextStyle(fontSize:16.0),   
                    ),
),
                  ],
                ),
                Container(
                    height: 50,
                    padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
                    child: RaisedButton(
                      textColor: Colors.white,
                      color: Colors.red,
                      child: Text('Button'),
                      onPressed: () {
                        print(nameController.text);
                      },
                    )),
              ],
            )));
  }


}

Source: www.nicesnippets.com

Add Comment

FormBuilderRadioGroup sample code for radio button flutter

By Blushing Barracuda on Sep 29, 2020

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
        title: Text("Flutter Radio Button Group Example"),
        ),
        body: SafeArea(
          child : Center(
 
          child:RadioGroup(),
 
          )
        )
      ),
    );
  }
}
 
class RadioGroup extends StatefulWidget {
  @override
  RadioGroupWidget createState() => RadioGroupWidget();
}
 
class FruitsList {
  String name;
  int index;
  FruitsList({this.name, this.index});
}
 
class RadioGroupWidget extends State {
 
  // Default Radio Button Item
  String radioItem = 'Mango';
 
  // Group Value for Radio Button.
  int id = 1;
 
  List<FruitsList> fList = [
    FruitsList(
      index: 1,
      name: "Mango",
    ),
    FruitsList(
      index: 2,
      name: "Apple",
    ),
    FruitsList(
      index: 3,
      name: "Banana",
    ),
    FruitsList(
      index: 4,
      name: "Cherry",
    ),
  ];
 
  Widget build(BuildContext context) {
    return Column(
        children: <Widget>[
           Padding(
            padding : EdgeInsets.all(14.0),
            child: Text('$radioItem', style: TextStyle(fontSize: 23))
              ),
 
           Expanded(
            child: Container(
            height: 350.0,
            child: Column(
              children: 
                fList.map((data) => RadioListTile(
                  title: Text("${data.name}"),
                  groupValue: id,
                  value: data.index,
                  onChanged: (val) {
                    setState(() {
                      radioItem = data.name ;
                      id = data.index;
                    });
                  },
                )).toList(),
            ),
          )),
          
        ],
    );
  }
}

Source: flutter-examples.com

Add Comment

flutter radio button

By Good Goosander on Dec 24, 2020

@overrideWidget build(BuildContext context) {  return new MaterialApp(      home: new Scaffold(          appBar: AppBar(            title: new Text('Kids Quiz App'),            centerTitle: true,            backgroundColor: Colors.blue,          ),          body: new Container(              padding: EdgeInsets.all(8.0),              child: new Column(                  mainAxisAlignment: MainAxisAlignment.center,                  children: <Widget>[                    new Text(                      'Select correct answers from below:',                      style: new TextStyle(                          fontSize: 20.0, fontWeight: FontWeight.bold),                    ),                    new Padding(                      padding: new EdgeInsets.all(8.0),                    ),                    new Divider(height: 5.0, color: Colors.black),                    new Padding(                      padding: new EdgeInsets.all(8.0),                    ),                    new Text(                      'Lion is :',                      style: new TextStyle(                        fontWeight: FontWeight.bold,                        fontSize: 18.0,                      ),                    ),                    new Row(                      mainAxisAlignment: MainAxisAlignment.center,                      children: <Widget>[                        new Radio(                          value: 0,                          groupValue: _radioValue1,                          onChanged: _handleRadioValueChange1,                        ),                        new Text(                          'Carnivore',                          style: new TextStyle(fontSize: 16.0),                        ),                        new Radio(                          value: 1,                          groupValue: _radioValue1,                          onChanged: _handleRadioValueChange1,                        ),                        new Text(                          'Herbivore',                          style: new TextStyle(                            fontSize: 16.0,                          ),                        ),                        new Radio(                          value: 2,                          groupValue: _radioValue1,                          onChanged: _handleRadioValueChange1,                        ),                        new Text(                          'Omnivore',                          style: new TextStyle(fontSize: 16.0),                        ),                      ],                    ),

Source: medium.com

Add Comment