Flutter：调用Get.back()后如何刷新Page1并执行前页方法？

以下是几种无需修改Page2代码、仅在Page1侧实现返回后自动刷新的方法：

方法1：利用GetX控制器的onResume生命周期回调 #

GetX的控制器自带onResume方法，会在页面回到前台（包括从其他页面返回）时自动触发，是实现自动刷新的最优方案。

代码示例： #

// Page1的控制器
class Page1Controller extends GetxController {
  @override
  void onResume() {
    super.onResume();
    // 这里编写你的刷新逻辑，比如重新请求数据
    _refreshPageData();
  }

  void _refreshPageData() {
    // 模拟数据刷新操作
    print("Page1 执行页面刷新");
    // 实际场景中可替换为API调用、状态更新等逻辑
  }
}

// Page1页面
class Page1 extends StatelessWidget {
  final _controller = Get.put(Page1Controller());

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Page1")),
      body: Center(
        child: ElevatedButton(
          onPressed: () => Get.to(const Page2()),
          child: const Text("跳转到Page2"),
        ),
      ),
    );
  }
}

只要Page1绑定了该控制器，每次从Page2返回时，onResume都会自动触发，执行刷新逻辑。

方法2：跳转时使用await，返回后直接调用刷新方法 #

如果仅需要在从Page2返回时触发刷新，可以在Page1的跳转逻辑中用await等待页面关闭，返回后立即执行刷新。

代码示例： #

// Page1页面中的跳转按钮
ElevatedButton(
  onPressed: () async {
    // 等待Page2页面关闭
    await Get.to(const Page2());
    // 页面返回后立即调用刷新方法
    _controller._refreshPageData();
  },
  child: const Text("跳转到Page2"),
),

这种方式更灵活，能精准控制只有从该跳转返回时才执行刷新，适合特定业务场景。

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