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

    效果:

  • 相关阅读:
    es6 学习笔记3
    flex 子元素和父元素的高度相同问题
    vue 笔记2
    vue 子父组件之间的通信
    vue+webpack 错误笔记
    vue 学习新笔记
    mongoDB 使用学习笔记
    express 学习笔记
    多态
    static修饰符与final修饰符
  • 原文地址:https://www.cnblogs.com/loaderman/p/11344937.html
Copyright © 2011-2022 走看看