Flutter开发之——交互组件-Checkbox和CheckboxListTile

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Checkbox 和 CheckboxListTile 示例'),
        ),
        body: CheckboxListTileExample(),
      ),
    );
  }
}
 
class CheckboxListTileExample extends StatefulWidget {
  @override
  _CheckboxListTileExampleState createState() => _CheckboxListTileExampleState();
}
 
class _CheckboxListTileExampleState extends State<CheckboxListTileExample> {
  bool isChecked = false;
 
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        CheckboxListTile(
          title: Text('这是一个复选框'),
          value: isChecked,
          onChanged: (bool value) {
            setState(() {
              isChecked = value;
            });
          },
        ),
        Checkbox(
          value: isChecked,
          onChanged: (bool value) {
            setState(() {
              isChecked = value;
            });
          },
        ),
      ],
    );
  }
}

这段代码演示了如何在Flutter中使用CheckboxListTile和Checkbox组件。CheckboxListTile是一个包含文本标题和复选框的列表条目，而Checkbox则是一个简单的复选框控件。代码中，我们使用了一个布尔型变量isChecked来跟踪复选框的选中状态，并在状态发生变化时更新UI。这是一个基本的例子，展示了如何在Flutter应用中处理用户的复选操作。