Flutter CheckboxListTile辅助小部件功能

时间:2019-01-03 09:16:08

标签: flutter

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

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

!(https://ibb.co/m0Gc3Gx

添加功能的一种好方法是可以编辑CheckboxListTile中的每个项目。

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>

1 个答案:

答案 0 :(得分: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。同样,您可以根据需要编辑代码。 希望对您有所帮助:)