Flutter中无法通过remove(StarterDayTile())移除对应组件的问题

你遇到的问题核心在于Dart中对象的相等性判断逻辑：默认情况下，Dart通过引用相等来判断两个对象是否相同——只有当两个变量指向内存中的同一个实例时，才会被认为相等。

你在dayList.add(StarterDayTile())时创建了一个StarterDayTile实例并加入列表，而执行dayList.remove(StarterDayTile())时又创建了一个全新的StarterDayTile实例。这两个实例虽然是同一个类的对象，但内存引用完全不同，所以List找不到要移除的元素，自然不会有任何效果。

这里提供两种可行的解决思路，推荐第一种，更简单直接：

方案1：保存初始实例的引用 #

既然你只需要一个StarterDayTile作为初始占位，不如提前创建好这个实例的引用，后续添加和移除都用同一个引用：

修改后的代码示例： #

class HomeScreen extends StatefulWidget {
  final String displayDate;
  final String displayEmoji;
  final int displayHapp;
  HomeScreen({this.displayHapp, this.displayDate, this.displayEmoji});

  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  // 把dayList移到State内部，避免全局变量导致的跨实例状态污染
  List<Widget> dayList = [];
  // 提前创建StarterDayTile的实例引用
  final _starterTile = StarterDayTile();

  @override
  void initState() {
    super.initState();
    if (widget.displayEmoji != null && widget.displayDate != null && widget.displayHapp != null){
      print('2');
      setState(() {
        dayList.insert(0, DayTile(date: widget.displayDate, emoji: widget.displayEmoji, happ: widget.displayHapp));
      });
    }
    if (dayList.isEmpty){
      dayList.add(_starterTile);
    } else if (dayList.length == 2){
      // 移除时使用同一个实例引用，并且调用setState刷新UI
      setState(() {
        dayList.remove(_starterTile);
      });
    }
  }

  // 剩下的build方法代码保持不变...
}

关键修改点： #

• 将全局的dayList移到_HomeScreenState内部，避免多个HomeScreen实例共享同一个列表的问题
• 创建一个固定的_starterTile实例，添加和移除都使用这个引用
• 移除操作时调用setState，确保UI能同步更新

方案2：重写StarterDayTile的相等性判断 #

如果你的StarterDayTile是无状态且不需要区分实例的，也可以重写它的==运算符和hashCode，让Dart认为所有StarterDayTile实例都是相等的：

class StarterDayTile extends StatelessWidget {
  // 重写相等性判断
  @override
  bool operator ==(Object other) {
    return identical(this, other) || other is StarterDayTile;
  }

  @override
  int get hashCode => runtimeType.hashCode;

  // 你的Widget构建代码...
}

这样即使你调用dayList.remove(StarterDayTile())，Dart也会认为新创建的实例和列表中的实例相等，从而成功移除。不过这种方案更适合需要基于属性判断相等的场景，对于你的初始占位Tile来说，方案1更简洁。

使用全局变量存储dayList可能会导致意外的状态问题（比如页面重建后状态不重置，或者多个页面实例共享数据），建议始终将组件的状态数据放在对应的State类内部，这样状态管理更清晰可控。

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