zoukankan      html  css  js  c++  java
  • flutter控件之RadioButton

    import 'package:flutter/material.dart';
    class LearnRadioButton extends StatefulWidget{
      @override
      State<StatefulWidget> createState() {
        return new _LearnRadioButton();
      }
    }
    class _LearnRadioButton extends State<LearnRadioButton>{
      int groupValue=1;
      @override
      Widget build(BuildContext context) {
        return new Scaffold(
          body: new Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              new Radio(value: 0, groupValue: 0, onChanged: null),//onChanged为null表示按钮不可用
              new Radio(
                  value: 1,
                  groupValue: groupValue,//当value和groupValue一致的时候则选中
                  activeColor: Colors.red,
                  onChanged: (T){
                    updateGroupValue(T);
                  }
              ),
              new Radio(
                  value: 2,
                  groupValue: groupValue,
                  onChanged: (T){
                    updateGroupValue(T);
                  }
              ),
              new Radio(
                  value: 3,
                  groupValue: groupValue,
                  onChanged: (T){
                    updateGroupValue(T);
                  }
              ),
              new Radio(
                  value: 4,
                  groupValue: groupValue,
                  onChanged: (T){
                    updateGroupValue(T);
                  }
              ),
              new Radio(
                  value: 5,
                  groupValue: groupValue,
                  onChanged: (T){
                    updateGroupValue(T);
                  }
              ),
              new Radio(
                  value: 6,
                  groupValue: groupValue,
                  onChanged: (T){
                    updateGroupValue(T);
                  }
              ),
              new RadioListTile(
                  value: 7,
                  groupValue: groupValue,
                  title: new Text('小张'),
                  onChanged: (T){
                    updateGroupValue(T);
                  }),
              new RadioListTile(
                  value: 8,
                  groupValue: groupValue,
                  title: new Text('小林'),
                  onChanged: (T){
                    updateGroupValue(T);
                  }),
              new RadioListTile(
                  value: 9,
                  groupValue: groupValue,
                  title: new Text('小王'),
                  onChanged: (T){
                    updateGroupValue(T);
                  }),
              new RadioListTile(
                  value: 10,
                  groupValue: groupValue,
                  title: new Text('小红'),
                  onChanged: (T){
                    updateGroupValue(T);
                  })
            ],
          ),
        );
      }
    
      void updateGroupValue(int v){
        setState(() {
          groupValue=v;
        });
      }
    
    }
  • 相关阅读:
    nginx.conf 配置解析之 http配置
    nginx.conf 配置解析之 events配置
    nginx.conf 配置解析之 全局配置
    nginx.conf 配置解析之文件结构
    centos7 编译安装nginx1.16.0( 完整版 )
    SQL注入是什么?如何防止?
    数据库的脏读、不可重复读、幻读以及不可重复读和幻读的区别
    唯一索引与主键索引的比较
    分布式session的几种实现方式
    反向代理和负载均衡
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/10144588.html
Copyright © 2011-2022 走看看