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

    import 'package:flutter/material.dart';
    class LearnCheckBox extends StatefulWidget{
      @override
      State<StatefulWidget> createState() {
        return new _LearnCheckBox();
      }
    }
    class _LearnCheckBox extends State<LearnCheckBox>{
      bool isCheck=false;
      List<bool> isChecks=[false,false];
      @override
      Widget build(BuildContext context) {
        return new Scaffold(
          body:new Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              new Center(
                child: new Checkbox(
                  value: isCheck,
                  activeColor: Colors.red,
                  onChanged: (bool){
                    setState(() {
                      isCheck=bool;
                    });
                  },
                ),
              ),
              new Center(
                child: new CheckboxListTile(
                    value: isCheck,
                    title: new Text('张晓'),
                    controlAffinity: ListTileControlAffinity.platform,//控制亲和度  leading按钮显示在文字前面  trailing按钮显示在文字的后面   platform显示样式根据手机当前平台默认显示
                    onChanged: (bool){
                      setState(() {
                        isCheck=bool;
                      });
                    }),
              ),
              new Center(
                child: new CheckboxListTile(
                    value: isCheck,
                    title: new Text('张晓'),
                    controlAffinity: ListTileControlAffinity.platform,
                    onChanged: (bool){
                      setState(() {
                        isCheck=bool;
                      });
                    }),
              ),
              new Center(
                child: new CheckboxListTile(
                    value: isCheck,
                    title: new Text('张晓'),
                    controlAffinity: ListTileControlAffinity.platform,
                    onChanged: (bool){
                      setState(() {
                        isCheck=bool;
                      });
                    }),
              ),
              new Center(
                child: new CheckboxListTile(
                    value: isCheck,
                    title: new Text('张晓'),
                    controlAffinity: ListTileControlAffinity.platform,
                    onChanged: (bool){
                      setState(() {
                        isCheck=bool;
                      });
                    }),
              ),
              new Center(
                child: new CheckboxListTile(
                    value: isCheck,
                    title: new Text('张晓'),
                    controlAffinity: ListTileControlAffinity.platform,
                    onChanged: (bool){
                      setState(() {
                        isCheck=bool;
                      });
                    }),
              ),
              new Center(
                child: new CheckboxListTile(
                    value: isChecks[0],
                    title: new Text('张晓'),
                    controlAffinity: ListTileControlAffinity.platform,
                    onChanged: (bool){
                      setState(() {
                        isChecks[0]=bool;
                      });
                    }),
              ),
              new Center(
                child: new CheckboxListTile(
                    value: isChecks[1],
                    title: new Text('张晓'),
                    controlAffinity: ListTileControlAffinity.platform,
                    onChanged: (bool){
                      setState(() {
                        isChecks[1]=bool;
                      });
                    }),
              )
            ],
          )
        );
      }
    }
  • 相关阅读:
    ES6新特性
    CSS + HTML 鼠标在图片上悬停时的显示文字,移走时文字消失
    APICloud closeToWin和closeWin的使用
    基于vue-cli配置移动端自适应
    Cookies,localStorage,sessionStorage,Web SQL Database(客户端)会话存储学习
    select标签默认选择选项
    MySQL数据库的配置
    jsp定义 ,JSON对象
    eclipse配置
    VS2017 C++编译时出现 "the windows sdk version for 8.1 was not found"解决办法(亲测有效)
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/10147735.html
Copyright © 2011-2022 走看看