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

    效果:

  • 相关阅读:
    js动态生成按钮,页面用DIV简单布局
    Maven初学之经验浅谈
    pl/sql注册码
    windows server 2012R2 网络慢的那些事
    sql 优化
    巧用selectKey
    list集合,map集合遍历
    oracle中declare程序块用法
    处理oracle锁表
    关于img标签图片不加载不识别相对路径得解决办法
  • 原文地址:https://www.cnblogs.com/loaderman/p/11344937.html
Copyright © 2011-2022 走看看