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

    效果:

  • 相关阅读:
    隐藏 阴影 定位 js语法与导入
    js 相关知识
    选择器 常用样式 布局
    前端
    数据库 备份
    SQLAlchemy 创建 增 删 改 查
    引擎 索引 日志查询 权限管理
    pysql
    数据库的操作
    Conv1*1
  • 原文地址:https://www.cnblogs.com/loaderman/p/11344913.html
Copyright © 2011-2022 走看看