flutter - 如何处理在 flutter 中动态创建的复选框列表？

Question

使用 flutter ，我试图用一些文本和旁边的自定义复选框构建一个值列表。点击文本或复选框上的任意位置应显示启用状态，再次点击应禁用它。我不确定如何分别处理每个复选框的状态。我也尝试使用 CheckBoxListTile，但我不确定如何实现我想要的。有人可以提供任何例子吗？

Answer 1

这是 CheckboxListTile 的一些示例代码。您可以在 gallery 中找到更多示例。 .

import 'package:flutter/material.dart';

class Demo extends StatefulWidget {
  @override
  DemoState createState() => new DemoState();
}

class DemoState extends State<Demo> {
  Map<String, bool> values = {
    'foo': true,
    'bar': false,
  };

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(title: new Text('CheckboxListTile demo')),
      body: new ListView(
        children: values.keys.map((String key) {
          return new CheckboxListTile(
            title: new Text(key),
            value: values[key],
            onChanged: (bool value) {
              setState(() {
                values[key] = value;
              });
            },
          );
        }).toList(),
      ),
    );
  }
}

void main() {
  runApp(new MaterialApp(home: new Demo(), debugShowCheckedModeBanner: false));
}