zoukankan      html  css  js  c++  java
  • flutter Checkbox 复选框组件

    import 'package:flutter/material.dart';
    
    class CheckboxDemo extends StatefulWidget {
      @override
      _CheckboxDemoState createState() => _CheckboxDemoState();
    }
    
    class _CheckboxDemoState extends State<CheckboxDemo> {
      bool _checkboxItemA = true;
      
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('CheckboxDemo'),
            elevation: 0.0,
          ),
          body: Container(
            padding: EdgeInsets.all(16.0),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                CheckboxListTile(
                  value: _checkboxItemA,
                  onChanged: (value) {
                    setState(() {
                      _checkboxItemA = value;
                    });
                  },
                  title: Text('Checkbox Item A'),
                  subtitle: Text('Description'),
                  secondary: Icon(Icons.bookmark),
                  selected: _checkboxItemA,
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    // Checkbox(
                    //   value: _checkboxItemA,
                    //   onChanged: (value) {
                    //     setState(() {
                    //       _checkboxItemA = value;
                    //     });
                    //   },
                    //   activeColor: Colors.black,
                    // ),
                  ],
                ),
              ],
            ),
          )
        );
      }
    }

    文档:https://api.flutter.dev/flutter/material/Checkbox-class.html

    效果:

  • 相关阅读:
    CentOS下设置ipmi
    CentOS 使用文件增加Swap空间
    CentOS LVM
    做IT需要掌握的电力基础知识
    CentOS 7搭建本地yum源
    Lsi卡和IB卡在CentOS中升级
    Mellanox 4036配置
    IdentityServer4入门二
    IdentityServer4入门一
    RAFT选举算法-分布式数据库困惑
  • 原文地址:https://www.cnblogs.com/loaderman/p/11344913.html
Copyright © 2011-2022 走看看