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: CheckboxListExample(),
      ),
    );
  }
}
 
class CheckboxListExample extends StatefulWidget {
  @override
  _CheckboxListExampleState createState() => _CheckboxListExampleState();
}
 
class _CheckboxListExampleState extends State<CheckboxListExample> {
  bool isChecked = false;
 
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Checkbox(
          value: isChecked,
          onChanged: (bool value) {
            setState(() {
              isChecked = value;
            });
          },
        ),
        Text(isChecked ? '选中' : '未选中'),
        SizedBox(height: 20),
        CheckboxListTile(
          value: isChecked,
          onChanged: (bool value) {
            setState(() {
              isChecked = value;
            });
          },
          title: Text('这是一个复选框列表标题'),
          subtitle: Text('这是一个复选框列表的副标题。'),
          secondary: Icon(Icons.drag_handle),
        ),
      ],
    );
  }
}

这段代码演示了如何在Flutter中使用Checkbox和CheckboxListTile。Checkbox是一个简单的复选框组件，而CheckboxListTile则是一个结合了ListTile的复选框组件，它除了可以显示文本和图标外，还可以显示副标题。代码中定义了一个状态ful组件，并在其中使用了一个布尔值来跟踪复选框的选中状态，并在复选框或列表标题被点击时更新这个状态。