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

    效果:

  • 相关阅读:
    asp .net 文件浏览功能
    Angular组件间的数据传输
    Angular自定义表单验证
    asp .net Cookies
    带参跳转其他controller
    asp .net 页面跳转
    发送邮件
    ubuntu之Matlab安装
    清华宿舍楼
    ubuntu窗口打开指定文件夹
  • 原文地址:https://www.cnblogs.com/loaderman/p/11344913.html
Copyright © 2011-2022 走看看