zoukankan      html  css  js  c++  java
  • flutter Radio单选框

    单选框,允许用户从一组中选择一个选项。

    import 'package:flutter/material.dart';
    
    class RadioDemo extends StatefulWidget {
      @override
      _RadioDemoState createState() => _RadioDemoState();
    }
    
    class _RadioDemoState extends State<RadioDemo> {
      int _radioGroupA = 0;
      
      void _handleRadioValueChanged(int value) {
        setState(() {
          _radioGroupA = value;
        });
      }
    
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('RadioDemo'),
            elevation: 0.0,
          ),
          body: Container(
            padding: EdgeInsets.all(16.0),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Text('RadioGroupValue: $_radioGroupA'),
                SizedBox(height: 32.0),
                RadioListTile(
                  value: 0,
                  groupValue: _radioGroupA,
                  onChanged: _handleRadioValueChanged,
                  title: Text('Options A'),
                  subtitle: Text('Description'),
                  secondary: Icon(Icons.filter_1),
                  selected: _radioGroupA == 0,
                ),
                RadioListTile(
                  value: 1,
                  groupValue: _radioGroupA,
                  onChanged: _handleRadioValueChanged,
                  title: Text('Options B'),
                  subtitle: Text('Description'),
                  secondary: Icon(Icons.filter_2),
                  selected: _radioGroupA == 1,
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    // Radio(
                    //   value: 0,
                    //   groupValue: _radioGroupA,
                    //   onChanged: _handleRadioValueChanged,
                    //   activeColor: Colors.black,
                    // ),
                    // Radio(
                    //   value: 1,
                    //   groupValue: _radioGroupA,
                    //   onChanged: _handleRadioValueChanged,
                    //   activeColor: Colors.black,
                    // ),
                  ],
                ),
              ],
            ),
          )
        );
      }
    }

    文档:https://api.flutter.dev/flutter/material/Radio-class.html

    效果:

  • 相关阅读:
    博客是一种心情
    双显示器和双鼠标
    C++ Primer Plus 第六版 代码笔记
    Bug,昂首走进2005
    让万能五笔2004免费版改首页的功能见鬼去吧。
    Gmail提供POP3和SMTP已经老长时间了
    快过年回家了,发点实用的东西给大家
    关于博客园Post的时候排版的一点小建议
    在.Net下进行MicroStation(GG)的开发(一)
    验证域的另一方法
  • 原文地址:https://www.cnblogs.com/loaderman/p/11344937.html
Copyright © 2011-2022 走看看