flutter页面生命周期监听

申徒嘉

已于 2022-11-17 15:35:59 修改

阅读量2k

点赞数

分类专栏： Flutter 文章标签： flutter android ios

于 2022-11-11 16:33:15 首次发布

本文链接：https://blog.csdn.net/ChuJian_cao/article/details/127788892

版权

Flutter 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文介绍了Flutter中页面生命周期的概念，并详细讲解了如何通过RouteObserver和navigatorObservers来监听页面状态变化，包括didPush、didPop等关键方法。此外，还展示了withRouteAware混入类的使用，帮助开发者更好地管理和控制页面的生命周期。

摘要由CSDN通过智能技术生成

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

前言

在Android、iOS原生开发中都存在页面生命周期函如Android（Activity 生命周期，一个Activity相当于一个页面）:

在这里插入图片描述

一、生命周期是什么？

一个页面创建到销毁的过程。

二、在flutter中监听页面生命周期的方法

1.RouteObserver

在MyApp定义RouteObserver

static final RouteObserver<ModalRoute<void>>routeObserver=RouteObserver<ModalRoute<void>();

2.navigatorObservers：

代码如下（示例）：

MaterialApp(
 	navigatorObservers: [MyApp.routeObserver],
 )

该处使用的url网络请求的数据。

3. with RouteAware

class _XXPageState extends State<XXPage> with RouteAware {
	@override
  void didChangeDependencies() {
    // TODO: implement didChangeDependencies
    super.didChangeDependencies();
    /// 路由订阅
    MyApp.routeObserver.subscribe(this, ModalRoute.of(context)!);
  }

  @override
  void dispose() {
    // TODO: implement dispose
    /// 取消路由订阅
    MyApp.routeObserver.unsubscribe(this);
    super.dispose();
  }

  /// Called when the current route has been pushed.

  @override
  void didPush() {

  }

  /// Called when the current route has been popped off.

  @override
  void didPop() {

  }

  /// Called when the top route has been popped off, and the current route
  /// shows up.

  @override
  void didPopNext() {

  }

  /// Called when a new route has been pushed, and the current route is no
  /// longer visible.

  @override
  void didPushNext() {

  }

}