Flutter 监听返回到该页面事件

找到一个返回页面刷新的好办法,可以监听侧滑返回

  1. 首先在全局创建RouteObserver
    // 在lib/main.dart或其他全局文件中
final RouteObserver<PageRoute> routeObserver = RouteObserver<PageRoute>();
  1. 在MaterialApp中添加observer
MaterialApp(
  navigatorObservers: [routeObserver],
  // ...其他配置
)
  1. 修改您的页面代码
class _FollowUpPageState extends State<FollowUpPage> with RouteAware {
  @override
  void didPopNext() {
    // 当通过任何方式(包括侧滑)返回到此页面时触发
    print('用户返回到此页面');
    super.didPopNext();
  }

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    routeObserver.subscribe(this, ModalRoute.of(context)!);
  }

  @override
  void dispose() {
    routeObserver.unsubscribe(this);
    super.dispose();
  }
}

以下是我的项目截图


img_v3_02qe_ada58c4a-0b7e-4911-a722-bbf66a9ff2eg.jpg

优势:
✅ 可以监听到所有返回方式(包括侧滑返回)
✅ 官方推荐方案,稳定可靠
✅ 不会影响页面性能

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。