Flutter问题：修改局部变量导致StatefulWidget参数值意外同步变更

这是Dart开发里非常常见的引用类型坑，我来给你拆解清楚：

为什么修改局部变量会影响原Widget参数？ #

因为Dart中的List属于引用类型，而不是值类型。当你执行这行代码时：

List<TokenProperty>? nftPropertiesDisplayed = widget.nftProperties;

你并没有创建一个新的列表，只是把nftPropertiesDisplayed这个变量指向了和widget.nftProperties完全相同的内存地址。打个比方，就像你给同一扇门配了两把钥匙，用任何一把钥匙开门，都是打开同一扇门。所以你调用nftPropertiesDisplayed!.removeWhere()的时候，本质上是在修改原列表的内容，widget.nftProperties自然会同步变化。

另外要注意，你已经给widget的参数加上了final修饰，这是正确的做法——StatefulWidget的参数应该是不可变的，直接修改它会违背Flutter的状态管理原则。

怎么解决这个问题？ #

核心思路是创建原列表的独立副本，让局部变量指向新的列表对象，这样修改副本就不会影响原列表了。根据你的需求，有几种可行的方式：

1. 浅拷贝（适用于TokenProperty是不可变类的情况） #

如果TokenProperty的所有属性都是final的（不可变），用浅拷贝就足够了：

// 方式一：使用toList()创建副本
List<TokenProperty>? nftPropertiesDisplayed = widget.nftProperties?.toList();

// 方式二：使用List.from构造函数
List<TokenProperty>? nftPropertiesDisplayed = widget.nftProperties != null 
    ? List.from(widget.nftProperties!) 
    : null;

2. 深拷贝（适用于TokenProperty包含可变引用类型的情况） #

如果TokenProperty内部还有其他引用类型的属性（比如另一个列表、自定义对象），浅拷贝只会复制列表的引用，内部对象还是共享的。这时候需要给TokenProperty实现一个拷贝方法：

class TokenProperty {
  final String name;
  // 假设还有其他可能可变的属性，比如dynamic value;

  TokenProperty({required this.name, /* 其他参数 */});

  // 实现copyWith方法，创建当前对象的副本
  TokenProperty copyWith({
    String? name,
    // 对应其他属性的可选参数
  }) {
    return TokenProperty(
      name: name ?? this.name,
      // 其他属性同理，用传入值或原属性值
    );
  }
}

然后通过map创建深拷贝的列表：

List<TokenProperty>? nftPropertiesDisplayed = widget.nftProperties?.map((property) {
  return property.copyWith();
}).toList();

这样修改nftPropertiesDisplayed的时候，就只会影响这个局部的副本，不会再改动widget.nftProperties了。

内容的提问来源于stack exchange，提问作者redDwarf