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;
        });
      }
    
    }
  • 相关阅读:
    12 KLT算法
    1- js vue.js
    复用代码
    计算两个日期相隔的天数(jodd)
    [转]ORA-00907: 缺失右括号
    [转]sql server 数据库日期格式化函数
    [Oralce]Oralce格式化日期
    myeclipse内存配置
    cookie 编码问题
    [转]Oracle 操作字符串的函数
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/10144588.html
Copyright © 2011-2022 走看看