Example 1: radio button validation in flutter
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
Example 2: 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 3: 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), ), ], ),