美文网首页
flutter复选框checkbox

flutter复选框checkbox

作者: wrootlflvl | 来源:发表于2019-06-26 10:20 被阅读0次
    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('Checkbox'), 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.blue, // 勾选状态下复选框的颜色
                    )
                  ],
                )
              ],
            ),
          ),
        );
      }
    }
    

    相关文章

      网友评论

          本文标题:flutter复选框checkbox

          本文链接:https://www.haomeiwen.com/subject/nnsqcctx.html