Flutter调用带参数Navigator.pop后父组件不渲染问题

你遇到的问题核心有两个可能的原因：

1. 数据库保存与页面返回的时序问题 #

如果新页面中是先执行Navigator.pop再完成案件保存（或者保存操作是异步但未等待完成就pop），那么当父页面调用_updateCases时，数据库的写入操作还没完成，此时_getCases查询到的还是旧数据。而点击刷新按钮时，数据库写入已经完成，所以能拿到新数据。

2. FutureBuilder的缓存问题 #

你将Future<List<Case>>作为状态变量存储，虽然setState更新了这个变量，但Flutter的FutureBuilder在页面返回后的状态重建场景下，可能会优先复用之前已完成的快照，而不是监听新的Future。

方案一：修正新页面的操作时序 #

确保在数据库保存操作完成后再返回父页面：

// 新页面的保存逻辑
await db.saveCase(yourNewCase); // 等待保存完成后再返回
Navigator.pop(context, "new");

方案二：优化FutureBuilder的使用方式 #

不要将Future作为状态变量，而是通过一个触发计数器来强制FutureBuilder重新执行查询，同时给FutureBuilder添加唯一key确保它能感知变化：

class _CasesPageState extends State<CasesPage> {
  IsarHelper db = IsarHelper();
  int _refreshCounter = 0; // 刷新触发计数器

  Future<List<Case>> _getCases() async {
    return await db.getCases();
  }

  void _updateCases() {
    setState(() {
      print("setState");
      _refreshCounter++; // 更新计数器触发重建
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: CustomAppBar(title: "Cases"),
      drawer: const AppDrawer(),
      body: Padding(
        padding: const EdgeInsets.fromLTRB(4.0, 4.0, 4.0, 0.0),
        child: Column(
          children: [
            Expanded(
                flex: 1,
                child: ElevatedButton(
                  onPressed: _updateCases,
                  child: const Text("refresh"),
                )),
            Expanded(
              flex: 11,
              child: FutureBuilder<List<Case>>(
                  key: ValueKey(_refreshCounter), // 用计数器作为key，强制FutureBuilder重建
                  future: _getCases(), // 每次重建都会执行新的查询
                  builder: (BuildContext context, snapshot) {
                    if (snapshot.hasData) {
                      return CaseList(
                        cases: snapshot.data!,
                      );
                    }
                    return const Text("waiting");
                  }),
            )
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () async {
          final popMsg = await Navigator.pushNamed(
            context,
            NewCasePage.routeName,
          );
          if (popMsg == "new") _updateCases();
        },
        child: const Icon(Icons.add),
      ),
    );
  }
}

额外提示 #

• 去掉_updateCases的async修饰符，因为里面没有需要等待的异步操作，同步执行setState即可。
• 确保Isar数据库的所有读写操作都通过await等待完成，避免数据不一致。

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