Flutter CheckboxListTile 二级控件函数

Question

使用带有编辑图标的 CheckboxListTile 小部件作为辅助小部件。

我希望能够编辑复选框列表中的每个项目。

!( https://ibb.co/m0Gc3Gx )

添加功能以编辑 CheckboxListTile 中的每个项目的好方法是什么。

 Widget _buildItem(BuildContext context, int index) {
    final remind = reminders[index];

    return CheckboxListTile(
      value: remind.isDone,
      title: Text(remind.title + "-" + remind.message),
      secondary: const Icon(Icons.edit),
      controlAffinity: ListTileControlAffinity.leading,
      onChanged: (bool isChecked) {
        onRemindToggle(remind, isChecked);
      },
    );
  }

Answer 1

可能有更好的方法来做到这一点。但给出一个关于如何实现它的简要想法如下:

static String name = "John";

  Map<String, bool> values = {
    name: true,
  };

  Widget checkbox()
  {
    return ListView(
        children: values.keys.map((String key) {
          return new CheckboxListTile(
            title: new Text(name),
            value: values[key],
            secondary: IconButton(
              icon: Icon(Icons.edit),
              onPressed: (){
                setState(() {
                  name = "James";                                  
                });
                print("Name is : $name");
              },
            ),
            controlAffinity: ListTileControlAffinity.leading,
            onChanged: (bool value) {
              setState(() {
                values[key] = value;
              });
            },
          );
        }).toList(),
      );
  }

这会导致类似 this 的结果.

当按下编辑图标时，字段从 john 变为 James。同样，您可以根据需要编辑代码。希望对您有所帮助:)