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组件，并在其中使用了一个布尔值来跟踪复选框的选中状态，并在复选框或列表标题被点击时更新这个状态。