class DemoPage extends StatefulWidget { DemoPage({Key key}) : super(key: key); @override _DemoPageState createState() => _DemoPageState(); } class _DemoPageState extends State<DemoPage> { var currentIndex = 0; @override Widget build(BuildContext context) { return Column( children: [ Checkbox( //激活时的颜色 activeColor: Colors.red, //是否被选中 value: 0 == currentIndex, //复选框是否有空值,如果为true,则有true、false和空三个值,false则只有true和false两个值 tristate: false, onChanged: (bool check) { setState(() { if (check) { currentIndex = 0; } }); }), Checkbox( //激活时的颜色 activeColor: Colors.red, //是否被选中 value: 1 == currentIndex, onChanged: (bool check) { setState(() { if (check) { currentIndex = 1; } }); }), ], ); } }
Flutter笔记18:CheckBox复选框
Flutter的CheckBox复选框和html的差不多,有选中和未选中,只不过这里使用了StateFulWidget方便变化视图: