Flutter CheckBox和CheckBoxListTile

在这里插入图片描述
在这里插入图片描述

class _CheckBoxDemoState extends State<CheckBoxDemo> {
  //初始值
  var flag=true;
  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Checkbox(
              value: this.flag,
              onChanged: (value){
                setState(() {
                  this.flag=value;
                });
              },
            ),
          ],
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(this.flag==true?'选中':'未选中')
          ],
        )
      ],
    );
  }
}

在这里插入图片描述

在这里插入图片描述

class _CheckboxListTileDemoState extends State<CheckboxListTileDemo> {
  var flag = true;

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        CheckboxListTile(
          value: this.flag,
          title: Text('Title'),
          subtitle: Text('SubTitle'),
          onChanged: (v) {
            setState(() {
              this.flag = v;
            });
          },
        ),
        Divider(),
        CheckboxListTile(
          value: this.flag,
          title: Text('Title'),
          subtitle: Text('SubTitle'),
          onChanged: (v) {
            setState(() {
              this.flag = v;
            });
          },
          secondary: Icon(Icons.add),
        ),
      ],
    );
  }
}

猜你喜欢

转载自blog.csdn.net/qq_42572245/article/details/106743895