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

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

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

Android端Activity的生命周期

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

Activity生命周期图

这些方法中,对我们比较重要的如下:

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

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

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

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

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

实现效果

demo的结构

flutter_lifecycle_state

效果图

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地址

相关文章
|
21天前
|
缓存 Java Shell
Android 系统缓存扫描与清理方法分析
Android 系统缓存从原理探索到实现。
45 15
Android 系统缓存扫描与清理方法分析
|
22天前
|
移动开发 Dart 搜索推荐
打造个性化安卓应用:从零开始的Flutter之旅
【10月更文挑战第20天】本文将引导你开启Flutter开发之旅,通过简单易懂的语言和步骤,让你了解如何从零开始构建一个安卓应用。我们将一起探索Flutter的魅力,实现快速开发,并见证代码示例如何生动地转化为用户界面。无论你是编程新手还是希望扩展技能的开发者,这篇文章都将为你提供价值。
|
1月前
|
开发框架 移动开发 Android开发
安卓与iOS开发中的跨平台解决方案:Flutter入门
【9月更文挑战第30天】在移动应用开发的广阔舞台上,安卓和iOS两大操作系统各自占据半壁江山。开发者们常常面临着选择:是专注于单一平台深耕细作,还是寻找一种能够横跨两大系统的开发方案?Flutter,作为一种新兴的跨平台UI工具包,正以其现代、响应式的特点赢得开发者的青睐。本文将带你一探究竟,从Flutter的基础概念到实战应用,深入浅出地介绍这一技术的魅力所在。
76 7
|
2月前
|
开发框架 搜索推荐 开发工具
打造个性化安卓应用:从零开始的Flutter之旅
【8月更文挑战第51天】本文是一篇面向初学者的Flutter入门教程,旨在通过简单易懂的语言和实际代码示例,引导读者步入跨平台移动应用开发的世界。文章首先介绍了Flutter的基本概念和优势,然后逐步展示了如何搭建开发环境、创建第一个Flutter应用,并实现了一个简单的待办事项列表。最后,文章探讨了Flutter在实现高性能和美观界面方面的潜力,鼓励读者发挥创意,探索更多可能。
85 15
|
2月前
|
Dart 开发工具 Android开发
在 Android 系统上搭建 Flutter 环境的具体步骤是什么?
在 Android 系统上搭建 Flutter 环境的具体步骤是什么?
|
1月前
|
开发者
flutter:总结所有需要用到的方法与实战 (十六)
本文介绍了Flutter中路由和顶部导航的使用方法,包括简单路由、命名路由、返回及返回根路由的实现。同时,详细讲解了顶部导航的定义与属性设置,并通过实战案例展示了复杂布局、新闻列表和页面制作的思路。最后,还提供了父类向子类传递参数的方法以及如何添加依赖库。
|
2月前
|
ARouter 测试技术 API
Android经典面试题之组件化原理、优缺点、实现方法?
本文介绍了组件化在Android开发中的应用,详细阐述了其原理、优缺点及实现方式,包括模块化、接口编程、依赖注入、路由机制等内容,并提供了具体代码示例。
45 2
|
2月前
|
开发框架 Dart 前端开发
Android 跨平台方案对比之Flutter 和 React Native
本文对比了 Flutter 和 React Native 这两个跨平台移动应用开发框架。Flutter 使用 Dart 语言,提供接近原生的性能和丰富的组件库;React Native 则基于 JavaScript,具备庞大的社区支持和灵活性。两者各有优势,选择时需考虑团队技能和项目需求。
342 8
|
2月前
|
安全 Android开发 开发者
探索安卓开发的未来:Kotlin的崛起与Flutter的挑战
在移动开发的广阔天地中,安卓平台始终占据着举足轻重的地位。随着技术的不断进步和开发者需求的多样化,Kotlin和Flutter成为了改变游戏规则的新玩家。本文将深入探讨Kotlin如何以其现代化的特性赢得开发者的青睐,以及Flutter凭借跨平台的能力如何挑战传统的安卓开发模式。通过实际案例分析,我们将揭示这两种技术如何塑造未来的安卓应用开发。
73 6
|
3月前
|
搜索推荐 IDE 开发工具
打造个性化安卓应用:从零开始的Flutter之旅
在数字时代的浪潮中,拥有一款个性化且高效的移动应用已成为许多创业者和企业的梦想。本文将引导你使用Flutter框架,从零基础开始构建一个安卓应用,不仅涉及界面设计、功能实现,还包括性能优化的关键技巧。通过简洁易懂的语言和实用的代码示例,我们将一起探索如何让你的应用在众多竞争者中脱颖而出。 【8月更文挑战第31天】