Flutter中无法将类实例添加至另一个类的列表问题

问题原因 #

虽然你将主页面的animeler列表以引用方式传给了AnimeAdd，新增实例也确实添加到了这个列表中，但主页面的_MyAppState没有触发重建——Flutter只会在调用setState()时重新执行build方法刷新UI，所以即使列表内容更新了，主页面也不会自动展示新数据。

解决方案 #

方案1：利用Navigator返回时触发刷新 #

修改主页面的跳转代码，在Navigator.push的返回回调中调用setState()，强制主页面重建：

Row(
  children: [
    Flexible(
      fit: FlexFit.tight,
      flex: 1,
      child: ElevatedButton(
        child: const Text("Tıkla gör"),
        onPressed: () {
          Navigator.push(
              context,
              MaterialPageRoute(
                  builder: (context) => AnimeAdd(animeler))).then((_) {
            // 返回主页面时触发状态更新
            setState(() {});
          });
        },
      ),
    ),
  ],
)

方案2：通过回调主动通知主页面更新 #

这种方式更直观，在AnimeAdd中添加完成后主动通知主页面刷新：

1. 修改AnimeAdd类，添加回调参数：

class AnimeAdd extends StatefulWidget {
  final List<Animes> animes;
  final VoidCallback onAnimeAdded;

  AnimeAdd(this.animes, {required this.onAnimeAdded});

  @override
  State<StatefulWidget> createState() {
    return _AnimeAddState(animes);
  }
}

2. 在_AnimeAddState中添加实例后调用回调：

// 假设你有一个添加动画的方法
void _addNewAnime() {
  // 创建并添加新的Animes实例
  animes.add(Animes(...));
  // 通知主页面更新
  widget.onAnimeAdded();
}

3. 主页面跳转时传入回调：

Row(
  children: [
    Flexible(
      fit: FlexFit.tight,
      flex: 1,
      child: ElevatedButton(
        child: const Text("Tıkla gör"),
        onPressed: () {
          Navigator.push(
              context,
              MaterialPageRoute(
                  builder: (context) => AnimeAdd(animeler, onAnimeAdded: () {
                    setState(() {});
                  })));
        },
      ),
    ),
  ],
)

注意事项 #

• 确保AnimeAdd中操作的是传入的animes列表本身，不要重新赋值（比如不要写animes = []），否则会断开和主页面列表的引用关联。
• 两种方案核心都是触发主页面的setState()，让Flutter重新渲染列表UI。

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