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(),
      );
  }

這將導致弄成這樣 。

當按下編輯圖標時，字段從john變為James。 同樣，您可以根據需要編輯代碼。 希望能有所幫助：）