Breaking News: Grepper is joining You.com. Read the official announcement!

use RadioListTile in flutter

Difficult Dugong answered on March 28, 2023 Popularity 9/10 Helpfulness 2/10

answer use RadioListTile in flutter

use RadioListTile in flutter

Comment

import 'package:flutter/material.dart';
import 'user.dart';
class RadioWidgetDemo extends StatefulWidget {
  RadioWidgetDemo() : super();
final String title = "Radio Widget Demo";
@override
  RadioWidgetDemoState createState() => RadioWidgetDemoState();
}
class RadioWidgetDemoState extends State<RadioWidgetDemo> {
  //
  List<User> users;
  User selectedUser;
  int selectedRadio;
  int selectedRadioTile;
@override
  void initState() {
    super.initState();
    selectedRadio = 0;
    selectedRadioTile = 0;
    users = User.getUsers();
  }
setSelectedRadio(int val) {
    setState(() {
      selectedRadio = val;
    });
  }
setSelectedRadioTile(int val) {
    setState(() {
      selectedRadioTile = val;
    });
  }
setSelectedUser(User user) {
    setState(() {
      selectedUser = user;
    });
  }
List<Widget> createRadioListUsers() {
    List<Widget> widgets = [];
    for (User user in users) {
      widgets.add(
        RadioListTile(
          value: user,
          groupValue: selectedUser,
          title: Text(user.firstName),
          subtitle: Text(user.lastName),
          onChanged: (currentUser) {
            print("Current User ${currentUser.firstName}");
            setSelectedUser(currentUser);
          },
          selected: selectedUser == user,
          activeColor: Colors.green,
        ),
      );
    }
    return widgets;
  }
@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        children: <Widget>[
          Container(
            padding: EdgeInsets.all(20.0),
            child: Text("USERS"),
          ),
          Column(
            children: createRadioListUsers(),
          ),
          Divider(
            height: 20,
            color: Colors.green,
          ),
          RadioListTile(
            value: 1,
            groupValue: selectedRadioTile,
            title: Text("Radio 1"),
            subtitle: Text("Radio 1 Subtitle"),
            onChanged: (val) {
              print("Radio Tile pressed $val");
              setSelectedRadioTile(val);
            },
            activeColor: Colors.red,
            secondary: OutlineButton(
              child: Text("Say Hi"),
              onPressed: () {
                print("Say Hello");
              },
            ),
            selected: true,
          ),
          RadioListTile(
            value: 2,
            groupValue: selectedRadioTile,
            title: Text("Radio 2"),
            subtitle: Text("Radio 2 Subtitle"),
            onChanged: (val) {
              print("Radio Tile pressed $val");
              setSelectedRadioTile(val);
            },
            activeColor: Colors.red,
            secondary: OutlineButton(
              child: Text("Say Hi"),
              onPressed: () {
                print("Say Hello");
              },
            ),
            selected: false,
          ),
          Divider(
            height: 20,
            color: Colors.green,
          ),
          ButtonBar(
            alignment: MainAxisAlignment.center,
            children: <Widget>[
              Radio(
                value: 1,
                groupValue: selectedRadio,
                activeColor: Colors.green,
                onChanged: (val) {
                  print("Radio $val");
                  setSelectedRadio(val);
                },
              ),
              Radio(
                value: 2,
                groupValue: selectedRadio,
                activeColor: Colors.blue,
                onChanged: (val) {
                  print("Radio $val");
                  setSelectedRadio(val);
                },
              ),
            ],
          )
        ],
      ),
    );
  }
}

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: vipinvijayannair.medium.com

Tags: flutter whatever

Link to this answer
Share Copy Link

Contributed on Mar 28 2023

Difficult Dugong

0 Answers Avg Quality 2/10

use RadioListTile in flutter

Contents

More Related Answers

use RadioListTile in flutter

Grepper

Documentation

Social

Legal

Contact

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