Flutter基础-008-CheckBox复选框

复选框

不选中： 选中： 中间状态：

class _MyHomePageState extends State<MyHomePage> {
  bool flag = true;

  void change(bool value) {
    print(value);
    setState(() {
      flag = value;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Checkbox(
              value: flag, //是否选中 true选中  false不选中
              onChanged: change,
              tristate:
                  true, //默认false，但当为true时表示增加中间状态值，onchange的value：true 选中，null中间状态，false 不选中。
              activeColor: Colors.red, //框的背景色，点击的效果色
              checkColor: Colors.green, // 中间的对勾颜色，中间状态的横杠颜色
            ),
          ],
        ),
      ),
    );
  }
}