flutter radio box code example

Example 1: flutter radio button with text

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);
                      },
                    )),
              ],
            )));
  }


}

Example 2: flutter radio button

@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),                        ),                      ],                    ),

Tags:

Misc Example