码迷,mamicode.com
首页 > 其他好文 > 详细

flutter Checkbox 复选框组件

时间:2019-08-13 12:09:07      阅读:1840      评论:0      收藏:0      [点我收藏+]

标签:container   uil   nta   icons   end   center   check   state   mos   

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

效果:

技术图片

技术图片

 

flutter Checkbox 复选框组件

标签:container   uil   nta   icons   end   center   check   state   mos   

原文地址:https://www.cnblogs.com/loaderman/p/11344913.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!