从Page2返回后如何更新Page1状态？Flutter状态更新问题

问题根源 #

你当前的写法里，页面的FutureBuilder直接把_databaseService.getFinacialAmount()作为future参数传入。这个Future只会在组件首次初始化时执行一次，后续即使调用空的setState(() {})，因为Future实例没有变化，FutureBuilder不会重新发起数据库查询，自然不会更新UI。另外你跳转逻辑里的空setState没有触发任何数据重拉操作，所以无法刷新页面。

解决方案 #

方案1：在Page1中维护Future变量，返回后重置刷新 #

在Page1的State类中定义专门的Future变量，用来控制数据库查询的触发时机：

class Page1State extends State<Page1> {
  late Future<List<double>> _financialFuture;
  final _databaseService = DatabaseService(); // 你的数据库服务实例

  @override
  void initState() {
    super.initState();
    // 初始化时发起第一次查询
    _financialFuture = _databaseService.getFinacialAmount();
  }

  // 刷新数据的方法
  void _refreshData() {
    setState(() {
      // 重新赋值Future，触发FutureBuilder重新执行查询
      _financialFuture = _databaseService.getFinacialAmount();
    });
  }

  // 修改跳转逻辑，从Page2返回后调用刷新方法
  void _setScreen(String identifiers, int id) {
    if (identifiers == _get_Current_Screen_Identifier()) {
      Navigator.of(context).pop();
    } else {
      Navigator.of(context).pop();
      if (identifiers == 'page1') {
        Navigator.of(context).push(MaterialPageRoute(builder: (ctx) => const Page1()));
      }
      if (identifiers == 'page2') {
        Navigator.of(context).push(MaterialPageRoute(builder: (ctx) => const Page2())).then((_) {
          _refreshData();
        });
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // ... 其他UI代码
      body: Column(
        children: [
          // ...
          FutureBuilder<List<double>>(
            // 这里使用维护的Future变量，而非直接调用异步方法
            future: _financialFuture,
            builder: (context, snapshot) {
              // ... 你的原有构建逻辑
            },
          ),
        ],
      ),
    );
  }
}

方案2：用async/await简化跳转逻辑 #

如果不需要复杂的条件判断，可将跳转逻辑改为异步函数，逻辑更直观：

Future<void> _navigateToPage2() async {
  // 等待Page2关闭
  await Navigator.of(context).push(MaterialPageRoute(builder: (ctx) => const Page2()));
  // 返回后直接刷新数据
  setState(() {
    _financialFuture = _databaseService.getFinacialAmount();
  });
}

额外注意点 #

• 不要在FutureBuilder的future参数中直接调用异步方法（比如future: _databaseService.getFinacialAmount()），每次build都会创建新的Future，可能导致重复请求或异常。
• 如果Page2也需要实时刷新数据，同样可以用上述方法维护自己的Future变量，在增删改操作完成后调用刷新方法。

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