Flutter 可禁用的唯一键

Jos*_*ane 3 key dart flutter dismissible

我有一个Dismissible小部件列表如下:

Dismissible(
            direction: DismissDirection.endToStart,
            key: Key(widget.data[i]),
            onDismissed: (direction) {
              widget.onRemoveRequest(i, widget.data[i]);
            },
            background: Container(
              color: Colors.red,
              child: Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.end,
                children: <Widget>[
                  Padding(
                    padding: const EdgeInsets.only(right: 20.0),
                    child: Text(
                      "Delete",
                      textAlign: TextAlign.right,
                      style: TextStyle(
                        color: Colors.white,
                        fontWeight: FontWeight.w500,
                        fontSize: 16.0,
                      ),
                    ),
                  ),
                ],
              ),
            ),
            child: CustomTextField(
              padding: const EdgeInsets.only(left: 30.0, right: 30.0),
              hintText: widget.newEntryHint,
              text: widget.data[i],
              keyboardType: TextInputType.multiline,
              onChanged: (val) {
                widget.onChanged(i, val);
              },
            ),
          )
Run Code Online (Sandbox Code Playgroud)

除了删除匹配的对象时,它按预期工作。

注意:widget.onRemoveRequest从源数据中删除指定索引处的对象,widget.data

widget.data是一个List<String>。我将这些作为 提供key,但是每当我有两个匹配的字符串并关闭一个时,我就会收到一个错误,因为Dismissible没有从树中删除(可以理解)。

A dismissed Dismissible widget is still part of the tree.

因此,对于字符串列表,即使实际字符串相等/匹配,我如何确保每个字符串都有唯一的键?

Rém*_*let 5

您需要为每个数据分配一个唯一标识符。足够独特的东西,它不包含任何重复项。然后,您可以将该唯一标识符关联到Key.

这不能仅使用原始对象(例如String或 )来完成Int。您需要将数据映射到自定义对象。

下面的类是一个很好的例子:

class Data {
  final String id;
  final String title;

  Data({this.id, this.title});
}
Run Code Online (Sandbox Code Playgroud)

这将允许您执行以下操作:

Dismissible(
    key: Key(widget.data[i].id),
    ...
)
Run Code Online (Sandbox Code Playgroud)

您可以使用uuid包或使用自定义算法(例如增量索引)为您的数据生成自定义 ID 。

但请确保您的 ID 对于每个项目都是唯一的,并且在该项目的整个生命周期内(即使在更新之后)保持不变。