import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( debugShowCheckedModeBanner: false, title: "Radio Button In Flutter", home: Scaffold( appBar: AppBar( title: Text("Radio Button"), ), body: MyApp(), ), )); } class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState(); } enum Gender { Male, Female } class _MyAppState extends State<MyApp> { Gender defaultValue = Gender.Male; String gender = "male"; @override Widget build(BuildContext context) { return Container( child: Column( mainAxisAlignment: MainAxisAlignment.start, children: [ SizedBox(height: 10,), Text( "Radio with ListTile", style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold), ), //Radio Button via ListTile ListTile( leading: Radio( value: Gender.Male, groupValue: defaultValue, onChanged: (value) { setState(() { defaultValue = value; gender = "male"; }); }, ), title: Text("Male"), ), ListTile( leading: Radio( value: Gender.Female, groupValue: defaultValue, onChanged: (value) { setState(() { defaultValue = value; gender = "female"; }); }, ), title: Text("Female"), ), ElevatedButton( onPressed: () { print(gender); }, child: Text("Submit Me"), ), Divider( height: 30, color: Colors.grey, ), Text( "Radio with RadioListTile", style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold), ), RadioListTile( groupValue: defaultValue, value: Gender.Male, title: Text("Male"), selected: true, onChanged: (value) { setState(() { defaultValue = value; gender = "male"; }); }, ), RadioListTile( groupValue: defaultValue, value: Gender.Female, title: Text("Female"), selected: true, onChanged: (value) { setState(() { defaultValue = value; gender = "female"; }); }, ), ElevatedButton( onPressed: () { print(gender); }, child: Text("Submit Me"), ), ], ), ); } }
Radiobutton in Flutter
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment