Flutter 利用路由监听页面的展示与否

2023-12-26 10:28:38

1、新建routeMonitor.dart文件:

import 'package:flutter/material.dart';

class AppRouteObserver {
  //这是实际上的路由监听器
  static final RouteObserver<ModalRoute<void>> _routeObserver =
      RouteObserver<ModalRoute<void>>();
  //这是个单例
  static final AppRouteObserver _appRouteObserver =
      AppRouteObserver._internal();

  AppRouteObserver._internal();
  //通过单例的get方法轻松获取路由监听器
  RouteObserver<ModalRoute<void>> get routeObserver {
    return _routeObserver;
  }

  factory AppRouteObserver() {
    return _appRouteObserver;
  }
}

2、修改main.dart:

MaterialApp(
      navigatorObservers: [AppRouteObserver().routeObserver],
);

3.监听页面显隐的页面

class _XXX extends State<XXX> with RouteAware {
...
  
  void didChangeDependencies() {
    // TODO: implement didChangeDependencies
    super.didChangeDependencies();

    /// 路由订阅
    AppRouteObserver().routeObserver.subscribe(this, ModalRoute.of(context)!);
  }

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

  
  void didPush() {
    print('跳转该页面而显示');
  }

  
  void didPop() {
    print('当前页面被pop而隐藏');
  }

  
  void didPopNext() {
    print('上一个页面关闭而显示');
  }

  
  void didPushNext() {
    print('跳转下一个页面而隐藏');
  }
  ...
}

文章来源:https://blog.csdn.net/qq_44871531/article/details/135214771
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。