flutter中实现仿Android端的onResume和onPause方法

文章目录

flutter中实现仿Android端的onResume和onPause方法

Android端Activity的生命周期
实现效果

demo的结构
效果图

项目地址：
使用方式：

1、添加依赖：
2、给MaterialApp#navigatorObservers属性设置routeObserver。
3、页面中使用StateWithLifecycle替换State。

注意事项
参考：

Android端Activity的生命周期

Android中的Activity的生命周期方法如下所示：

这些方法中，对我们比较重要的如下：

onCreate方法：页面创建时调用。
onDestroy方法：页面销毁时调用，除了正常关闭页面，还包括异常销毁，比如kill掉应用进程。
onResume方法：页面由不可见变为可见时调用。
onPause方法：页面由可见变为不可见时调用，与onResume方法成对出现。

在使用过程中，onCreate和onDestroy方法成对出现，只会调用一次。onResume和onPause方法也是成对出现，会出现多次。

这几个方法为何如此重要呢？为什么非要在flutter端获取到这几个方法呢？
这是因为在现有条件下，flutter相关的社区环境还不够强大，flutter端并不能实现一套代码适配多种终端的效果，相反，它还会严重的依赖宿主App端的实现。

这时，就需要我们在flutter页面中合适的时机，发送消息给宿主App，让其完成对应的实现。

当然了，这类问题在以后可能会得到很好的解决，不必像现在这么费劲。

实现效果

demo的结构

效果图

1、桌面 --> home --> a --> c --> a --> home --> 桌面

对应log：

I/flutter ( 1954): Home --> onCreate()I/flutter ( 1954): Home --> onResume()I/flutter ( 1954): ARoute --> onCreate()I/flutter ( 1954): ARoute --> onResume()I/flutter ( 1954): Home --> onPause()I/flutter ( 1954): CRoute --> onCreate()I/flutter ( 1954): CRoute --> onResume()I/flutter ( 1954): ARoute --> onPause()I/flutter ( 1954): ARoute --> onResume()I/flutter ( 1954): CRoute --> onPause()I/flutter ( 1954): CRoute --> onDestroy()I/flutter ( 1954): Home --> onResume()I/flutter ( 1954): ARoute --> onPause()I/flutter ( 1954): ARoute --> onDestroy()I/flutter ( 1954): Home --> onPause()

这里解释下：
桌面 --> home操作对应log： 1、2行
home --> a操作对应log： 3、4、5行
a --> c操作对应log： 6、7、8行
c --> a操作对应log： 9、10、11行
a --> home操作对应log： 12、13、14行
home --> 桌面操作对应log： 15行

2、桌面 --> home --> b --> e --> b --> home --> 桌面

对应log：

I/flutter ( 2048): Home --> onCreate()I/flutter ( 2048): Home --> onResume()I/flutter ( 2048): BRoute --> onCreate()I/flutter ( 2048): BRoute --> onResume()I/flutter ( 2048): Home --> onPause()I/flutter ( 2048): FRoute --> onCreate()I/flutter ( 2048): FRoute --> onResume()I/flutter ( 2048): BRoute --> onPause()I/flutter ( 2048): BRoute --> onResume()I/flutter ( 2048): FRoute --> onPause()I/flutter ( 2048): FRoute --> onDestroy()I/flutter ( 2048): Home --> onResume()I/flutter ( 2048): BRoute --> onPause()I/flutter ( 2048): BRoute --> onDestroy()I/flutter ( 2048): Home --> onPause()

这里解释下：
桌面 --> home操作对应log： 1、2行
home --> b操作对应log： 3、4、5行
b --> e操作对应log： 6、7、8行
e --> b操作对应log： 9、10、11行
b --> home操作对应log： 12、13、14行
home --> 桌面操作对应log： 15行

项目地址：

flutter_lifecycle_state

使用方式：

1、添加依赖：

在pubspec.yaml文件中添加如下依赖：这里选择最新版本即可。

dependencies:  flutter_lifecycle_state: ^0.0.x

note:最新配置请看https://pub.dartlang.org/packages/flutter_lifecycle_state#-installing-tab-页面。

2、给MaterialApp#navigatorObservers属性设置routeObserver。

这个值定义在我们的package包中，需要导包。

import 'package:flutter/material.dart';import 'package:flutter_lifecycle_state/flutter_lifecycle_state.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget {  // This widget is the root of your application.  @override  Widget build(BuildContext context) {    return MaterialApp(      title: 'Flutter Demo',      ...      navigatorObservers: [routeObserver],    );  }}

3、页面中使用StateWithLifecycle替换State。

将每个页面级别的Widget的State替换为我们的StateWithLifecycle，导包即可。然后我们可以选择重写onCreate、onPause、onResume、onDestroy方法，在这些方法内部执行对应的业务逻辑即可。

如果需要自定义当前页面的log标识的话，如下所示：给tagInStateWithLifecycle字段赋值即可。

@override  void initState() {    tagInStateWithLifecycle = "WidgetsTestPage";    super.initState();  }

注意事项

需要注意的是：

1、onDestroy方法某些情况下不会调用

在flutter项目的根页面中，在它正常销毁时，它的的dispose方法是不会调用的，因此我们的onDestroy方法也不会调用。

2、应用非正常关闭时，生命周期方法不会调用。

这就意味着，如果应用在后台被回收，或者其他方式非正常关闭，则某些页面的生命周期方法可能不会正常的调用。

参考：

https://developer.android.com/guide/components/activities?hl=zh-cn

demo地址

flutter中实现仿Android端的onResume和onPause方法

文章目录