Flutter笔记:Flutter的应用生命周期状态(lifecycleState)管理

简介: Flutter笔记:Flutter的应用生命周期状态(lifecycleState)管理

Flutter笔记Flutter的应用生命周期状态(lifecycleState)管理


1. 关于 WidgetsBinding

很多初学者是不会接触和用到 WidgetsBinding.instance的,本文介绍的知识点是 WidgetsBinding.instance 的一个小部分。因此,先对 WidgetsBinding.instance 进行大概的介绍。

WidgetsBinding.instance 是Flutter中的一个核心类的实例,用于管理应用程序的事件循环和处理各种事件,例如布局、绘制、手势和系统事件。它是 WidgetsBinding 类的一个单例实例,通过它可以访问应用程序的根 WidgetsBinding 对象。

WidgetsBinding 类是 Flutter 框架的一部分,它包含了以下常用的功能和应用:

  1. 事件循环管理WidgetsBinding负责管理Flutter应用程序的事件循环,它处理了各种事件的分发和调度。这包括构建(build)事件、布局(layout)事件、绘制(paint)事件等。
  2. 处理系统事件WidgetsBinding 可以处理系统级事件,例如按键事件、触摸事件、指针事件等。它允许应用程序响应用户的输入和交互。
  3. 定时器和帧回调WidgetsBinding允许你注册定时器和帧回调,以便在未来的时间点执行代码或在下一帧绘制前执行代码。
  4. 状态管理WidgetsBinding 管理应用程序的生命周期状态,包括inactivepausedresumeddetached状态。这有助于应用程序在不同状态下进行适当的处理。
  5. 媒体和屏幕分辨率信息WidgetsBinding 提供了访问媒体查询(MediaQuery)和屏幕信息的方法,以便根据屏幕属性调整UI。
  6. 错误处理WidgetsBinding 还处理了Flutter应用程序中的异常和错误,允许你注册全局错误处理程序。
  7. 根`BuildContextWidgetsBinding 提供了根 BuildContext,可以用于构建全局部件。

WidgetsBinding 是整个 Flutter 应用程序事件和生命周期管理的关键。开发者可以通过 WidgetsBinding.instance 来访问它,并注册事件回调,以便在应用程序的各个生命周期阶段执行自定义操作。例如,你可以使用 WidgetsBinding 来注册全局的错误处理程序,管理应用程序的生命周期状态,或执行定时任务。

2. Flutter 应用程序的生命周期状态(lifecycleState)

WidgetsBinding.instance 提供了一个 lifecycleState 属性,可以用来获取当前应用程序的生命周期状态。

WidgetsBinding.instancelifecycleState 属性是一个非常有用的工具,用于获取并监测应用程序的生命周期状态。生命周期状态表示应用程序当前处于哪种状态,如前台活动、后台、非活动等。在Flutter中,AppLifecycleState 枚举提供了不同的生命周期状态,包括 resumedinactivepauseddetached

下面将详细介绍 WidgetsBinding.instancelifecycleState 属性,以及每个生命周期状态的含义和示例用法

2.1 获取当前生命周期状态

你可以通过 WidgetsBinding.instance.lifecycleState 来获取当前应用程序的生命周期状态。这个属性返回一个 AppLifecycleState 枚举值(请参考附录《AppLifecycleState 枚举源码(带中文注释)》),表示应用程序的状态。以下是如何获取当前生命周期状态的示例:

AppLifecycleState? currentLifecycleState = WidgetsBinding.instance.lifecycleState;
print("Current Lifecycle State: $currentLifecycleState");

2.2 AppLifecycleState.resumed(恢复状态)

2.2.1 含义描述

当应用程序处于 resumed 状态时,它位于前台并处于活动状态。用户可以与应用程序进行交互,应用程序可见。

2.2.2 应用举例

可以在此状态下执行需要响应用户交互的操作,例如启动定时器或更新UI等。

下面的代码,我们将创建一个页面,当应用恢复到前台时,页面的颜色会改变:

/// 一个用于监听应用程序生命周期状态并相应地更新UI颜色的组件。
class LifecycleWatcher extends StatefulWidget {
  @override
  _LifecycleWatcherState createState() => _LifecycleWatcherState();
}
class _LifecycleWatcherState extends State<LifecycleWatcher> with WidgetsBindingObserver {
  Color _color = Colors.green;
  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
    // 当组件初始化时,将自身添加为应用生命周期状态的观察者。
  }
  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
    // 在组件被销毁时,确保将自身从应用生命周期状态的观察者中移除,以防止内存泄漏。
  }
  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.resumed) {
      // 当应用程序从后台切换到前台时,更新颜色为红色。
      setState(() {
        _color = Colors.red;
      });
    } else {
      // 当应用程序不在前台时,更新颜色为绿色。
      setState(() {
        _color = Colors.green;
      });
    }
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        color: _color,
      ),
    );
  }
}

2.3 AppLifecycleState.inactive(非活动状态)

2.3.1 含义描述

当应用程序处于 inactive 状态时,它仍然位于前台,但不能响应用户交互。这可能发生在用户从应用程序切换到另一个应用程序或系统对话框时。

2.3.2 应用举例

可以在此状态下执行一些暂停操作,例如停止定时器或保存应用程序状态。

下面的代码展示了如何在应用进入非活动状态时执行特定的操作。

/// 一个用于监视应用程序生命周期状态并更新计数器的组件。
class LifecycleWatcher extends StatefulWidget {
  @override
  _LifecycleWatcherState createState() => _LifecycleWatcherState();
}
class _LifecycleWatcherState extends State<LifecycleWatcher> with WidgetsBindingObserver {
  Timer _timer;  // 用于定时更新计数器的计时器
  int _counter = 0;  // 用于存储计数器的当前值
  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
    // 在组件初始化时,将自身添加为应用生命周期状态的观察者,并启动计时器。
    _startTimer();
  }
  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    _timer?.cancel();
    super.dispose();
    // 在组件被销毁时,确保将自身从应用生命周期状态的观察者中移除,并取消计时器以避免内存泄漏。
  }
  void _startTimer() {
    _timer = Timer.periodic(Duration(seconds: 1), (timer) {
      setState(() {
        _counter++;  // 每秒更新计数器的值
      });
    });
  }
  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.inactive) {
      _timer?.cancel();  // 当应用程序状态变为不活动时,取消计时器以停止计数器的更新。
    } else if (state == AppLifecycleState.resumed) {
      _startTimer();  // 当应用程序状态变为恢复时,重新启动计时器以继续更新计数器。
    }
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text('Counter: $_counter'),  // 显示计数器的当前值
      ),
    );
  }
}

这个例子中,我们创建了一个 LifecycleWatcher 组件,它启动了一个每秒递增计数器的定时器。当应用进入非活动状态(AppLifecycleState.inactive)时,我们会停止定时器;当应用恢复到前台(AppLifecycleState.resumed)时,我们会重新启动定时器。

在实际的应用中,你可能会在应用进入非活动状态时执行更复杂的操作,例如保存应用程序状态。

2.4 AppLifecycleState.paused(暂停状态)

2.4.1 含义描述

当应用程序处于 paused 状态时,它被切换到后台,不再可见。应用程序可能会进入暂停状态,例如在用户按下Home按钮时。

2.4.2 应用举例

AppLifecycleState.paused 表示应用已被切换到后台并且不再可见,例如用户按下 Home 按钮时。在这个状态下,你可以执行一些后台操作,例如保存数据或关闭网络连接。

下面的示例代码中,我们创建一个页面,当应用进入暂停状态时,保存一些数据。

/// 一个用于监视应用程序生命周期状态并在应用程序暂停时保存数据的组件。
class LifecycleWatcher extends StatefulWidget {
  @override
  _LifecycleWatcherState createState() => _LifecycleWatcherState();
}
class _LifecycleWatcherState extends State<LifecycleWatcher> with WidgetsBindingObserver {
  String _dataToSave = 'Some data'; // 用于保存的数据
  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
    // 在组件初始化时,将自身添加为应用生命周期状态的观察者。
  }
  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
    // 在组件被销毁时,确保将自身从应用生命周期状态的观察者中移除。
  }
  Future<void> _saveData() async {
    // 模拟保存数据的操作,例如将数据写入存储或云端
    await Future.delayed(Duration(seconds: 2));
    print('Data saved: $_dataToSave'); // 打印保存的数据
  }
  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.paused) {
      // 当应用程序状态变为暂停时,触发数据保存操作。
      _saveData();
    }
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text('App lifecycle demo'), // 显示应用程序生命周期演示的文本
      ),
    );
  }
}

2.5 AppLifecycleState.detached(分离状态)

2.5.1 含义描述

这是应用程序的初始状态,或者在应用程序启动之前的状态。在此状态下,应用程序尚未启动或已经被销毁。

2.5.2 应用举例

AppLifecycleState.detached 表示应用程序尚未启动或已经被销毁。在此状态下通常不需要执行特定的操作,因为应用程序尚未启动。你可以在应用程序启动时执行初始化操作。

下面是一个具体的例子,我们创建一个页面,当应用进入分离状态时,我们会打印一条消息:

/// 一个用于监视应用程序生命周期状态并在应用程序进入“detached”状态时进行记录的组件。
class LifecycleWatcher extends StatefulWidget {
  @override
  _LifecycleWatcherState createState() => _LifecycleWatcherState();
}
class _LifecycleWatcherState extends State<LifecycleWatcher> with WidgetsBindingObserver {
  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
    // 在组件初始化时,将自身添加为应用生命周期状态的观察者。
  }
  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
    // 在组件被销毁时,确保将自身从应用生命周期状态的观察者中移除。
  }
  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.detached) {
      // 当应用程序状态变为“detached”时,记录应用程序处于“detached”状态。
      print('App is in detached state');
    }
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text('App lifecycle demo'), // 显示应用程序生命周期演示的文本
      ),
    );
  }
}

代码中,我们创建了一个 LifecycleWatcher 组件,当应用进入分离状态(AppLifecycleState.detached)时,我们会打印一条消息。

在实际的应用中,你可能会在应用进入分离状态时执行更复杂的操作,例如释放资源或清理缓存。但需要指出的是,由于在分离状态下,应用程序可能已经被销毁,所以在这个状态下执行的操作应该是非常有限的。

3. 监听生命周期状态的变化

此外,可以添加一个 WidgetsBindingObserver 来监听生命周期状态的变化。例如,可以在应用程序进入后台时保存一些数据,或者在应用程序恢复到前台时更新UI。

class MyObserver extends WidgetsBindingObserver {
  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.paused) {
      // App在后台
      // ...
    } else if (state == AppLifecycleState.resumed) {
      // 应用程序在前台
      // ...
    }
  }
}
// Add the observer
WidgetsBinding.instance.addObserver(MyObserver());

下面是一个完整的示例,演示如何使用 WidgetsBinding.instance.lifecycleState 属性和 WidgetsBindingObserver 来监听应用程序的生命周期状态变化:

import 'package:flutter/material.dart';
class MyObserver extends WidgetsBindingObserver {
  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.paused) {
      // 应用程序进入后台
      print("App is in the background");
      // 在这里可以执行保存数据、停止定时器等后台操作
    } else if (state == AppLifecycleState.resumed) {
      // 应用程序进入前台
      print("App is in the foreground");
      // 在这里可以执行恢复UI、启动定时器等前台操作
    }
  }
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("App Lifecycle Example"),
        ),
        body: Center(
          child: Text("Hello, Flutter!"),
        ),
      ),
    );
  }
  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    // 在这里添加观察者,监听应用程序生命周期变化
    WidgetsBinding.instance.addObserver(MyObserver());
  }
}
void main() {
  runApp(MyApp());
}

这个示例演示了如何使用 WidgetsBindingWidgetsBindingObserver 来监听应用程序的生命周期状态变化,并根据不同的状态执行相应的操作。你可以根据应用程序的需求在不同的生命周期状态下执行自定义操作。


F. AppLifecycleState 枚举源码(带中文注释)

/// 表示应用程序在运行时可能存在的状态。
///
/// 当平台不支持的状态在支持的状态之间转换时,框架会合成这些状态,以使所有实现共享相同的状态机。
///
/// 状态的初始值为[detached]状态,一旦从平台接收到第一个生命周期更新,通常会更新为[resumed]状态。
///
/// 基于历史和名称冲突的原因,Flutter的应用程序状态名称与所有平台上的状态名称并不一一对应。例如,在Android上,当操作系统调用
/// [`Activity.onPause`](https://developer.android.com/reference/android/app/Activity#onPause()) 时,Flutter将进入[inactive]
/// 状态,但当Android调用
/// [`Activity.onStop`](https://developer.android.com/reference/android/app/Activity#onStop()) 时,Flutter将进入[paused]状态。
/// 请参阅各个状态的文档,了解它们在每个平台上的含义。
///
/// 当前应用程序状态可以从[SchedulerBinding.instance.lifecycleState]获取,状态的更改可以通过创建[AppLifecycleListener]来观察,也可以通过
/// 使用[WidgetsBindingObserver]通过覆盖[WidgetsBindingObserver.didChangeAppLifecycleState]方法来观察。
///
/// 应用程序不应依赖于始终接收到所有可能的通知。
///
/// 例如,如果应用程序使用任务管理器被终止,接收到终止信号,用户断开设备电源,或者设备发生快速的非计划拆卸,那么在应用程序突然终止之前将不会发送任何通知,某些状态可能会被跳过。
///
/// 另请参阅:
///
/// * [AppLifecycleListener],用于观察生命周期状态变化的对象。
/// * [WidgetsBindingObserver],用于从小部件层观察生命周期状态的机制。
/// * iOS的[IOKit活动生命周期](https://developer.apple.com/documentation/uikit/app_and_environment/managing_your_app_s_life_cycle?language=objc)
///   文档。
/// * Android的[活动生命周期](https://developer.android.com/guide/components/activities/activity-lifecycle)
///   文档。
/// * macOS的[AppKit活动生命周期](https://developer.apple.com/documentation/appkit/nsapplicationdelegate?language=objc)
///   文档。
enum AppLifecycleState {
  /// 应用程序仍由Flutter引擎托管,但已分离,不附加到任何宿主视图。
  ///
  /// 在初始化之前,应用程序默认处于此状态,并且可以在所有视图都已分离后(仅限Android和iOS)处于此状态。
  ///
  /// 当应用程序处于此状态时,引擎正在运行,但没有视图。
  ///
  /// 只有在iOS和Android上进入此状态,尽管在所有平台上在应用程序开始运行之前它是默认状态。
  detached,
  /// 在所有平台上,此状态表示应用程序处于具有输入焦点并可见的运行应用程序的默认运行模式。
  ///
  /// 在Android上,此状态对应于Flutter宿主视图具有焦点([`Activity.onWindowFocusChanged`](https://developer.android.com/reference/android/app/Activity#onWindowFocusChanged(boolean)) 传递为true),
  /// 同时处于Android的"resumed"状态。如果应用程序失去焦点([`Activity.onWindowFocusChanged`](https://developer.android.com/reference/android/app/Activity#onWindowFocusChanged(boolean))
  /// 传递为false),但尚未调用[`Activity.onPause`](https://developer.android.com/reference/android/app/Activity#onPause()),则Flutter应用程序可能处于[inactive]状态。
  ///
  /// 在iOS和macOS上,这对应于应用程序在前台活动状态运行。
  resumed,
  /// 应用程序的至少一个视图可见,但没有输入焦点。应用程序在其他方面正常运行。
  ///
  /// 在非Web桌面平台上,这对应于处于非前台的应用程序,但仍具有可见的窗口。
  ///
  /// 在Web上,这对应于在没有输入焦点的窗口或选项卡中运行的应用程序。
  ///
  /// 在iOS和macOS上,此状态对应于在前台不活动状态运行的Flutter宿主视图。当在通话时,响应TouchID请求,进入应用程序切换器或控制中心,或UIViewController托管Flutter应用程序正在过渡时,应用程序会转换到此状态。
  ///
  /// 在Android上,这对应于在Android的暂停状态下运行的Flutter宿主视图(即已调用[`Activity.onPause`](https://developer.android.com/reference/android/app/Activity#onPause())),
  /// 或在Android的"resumed"状态下运行的Flutter宿主视图,但没有窗口焦点。应用程序转换到此状态的示例包括应用程序部分被遮挡,或者其他活动被关注,分屏上运行的应用程序不是当前应用程序,被电话呼叫中断的应用程序,画中画应用程序,系统对话框,其他视图。
  /// 当通知窗口遮挡或应用程序切换器可见时,它也将处于不活动状态。
  ///
  /// 在Android和iOS上,处于此状态的应用程序应该假定它们随时可能被[hidden]和[paused]。
  inactive,
  /// 应用程序的所有视图都隐藏,这可能是因为应用程序即将被暂停(在iOS和Android上),或者因为应用程序已被最小化或放在不可见的桌面上(在非Web桌面上),
  /// 或者因为应用程序在不可见的窗口或选项卡中运行(在Web上)。
  ///
  /// 为了使所有平台上的状态机保持一致,当从[inactive]状态切换到[paused]状态之前,合成了一个过渡状态,在从[paused]状态切换到[inactive]状态之前也是如此。这允许跨平台实现只编写一个处理程序,用于知道应用程序何时在概念上是"隐藏"的。
  hidden,
  /// 应用程序当前不可见给用户,并且不响应用户输入。
  ///
  /// 当应用程序处于此状态时,引擎不会调用[PlatformDispatcher.onBeginFrame]和[PlatformDispatcher.onDrawFrame]回调。
  ///
  /// 只有在iOS和Android上进入此状态。
  paused,
}
目录
相关文章
|
27天前
|
开发框架 前端开发 Android开发
Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势
本文深入探讨了 Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势。这对于实现高效的跨平台移动应用开发具有重要指导意义。
105 4
|
27天前
|
缓存 监控 前端开发
优化 Flutter 应用启动速度的策略,涵盖理解启动过程、资源加载优化、减少初始化工作、界面布局优化、异步初始化、预加载关键数据、性能监控与分析等方面
本文探讨了优化 Flutter 应用启动速度的策略,涵盖理解启动过程、资源加载优化、减少初始化工作、界面布局优化、异步初始化、预加载关键数据、性能监控与分析等方面,并通过案例分析展示了具体措施和效果,强调了持续优化的重要性及未来优化方向。
54 10
|
1月前
|
存储 调度 数据安全/隐私保护
鸿蒙Flutter实战:13-鸿蒙应用打包上架流程
鸿蒙应用打包上架流程包括创建应用、打包签名和上传应用。首先,在AppGallery Connect中创建项目、APP ID和元服务。接着,使用Deveco进行手动签名,生成.p12和.csr文件,并在AppGallery Connect中上传CSR文件获取证书。最后,配置签名并打包生成.app文件,上传至应用市场。常见问题包括检查签名配置文件是否正确。参考资料:[应用/服务签名](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-signing-V5)。
63 3
鸿蒙Flutter实战:13-鸿蒙应用打包上架流程
|
27天前
|
传感器 前端开发 Android开发
在 Flutter 开发中,插件开发与集成至关重要,它能扩展应用功能,满足复杂业务需求
在 Flutter 开发中,插件开发与集成至关重要,它能扩展应用功能,满足复杂业务需求。本文深入探讨了插件开发的基本概念、流程、集成方法、常见类型及开发实例,如相机插件的开发步骤,同时强调了版本兼容性、性能优化等注意事项,并展望了插件开发的未来趋势。
39 2
|
2月前
|
移动开发 Dart 搜索推荐
打造个性化安卓应用:从零开始的Flutter之旅
【10月更文挑战第20天】本文将引导你开启Flutter开发之旅,通过简单易懂的语言和步骤,让你了解如何从零开始构建一个安卓应用。我们将一起探索Flutter的魅力,实现快速开发,并见证代码示例如何生动地转化为用户界面。无论你是编程新手还是希望扩展技能的开发者,这篇文章都将为你提供价值。
|
1月前
|
存储 Dart
Flutter&鸿蒙next 实现一个计算器应用
本文介绍了如何使用 Flutter 创建一个简单的计算器应用,包括基本的加减乘除运算。文章详细讲解了界面布局、计算逻辑和状态管理的实现步骤,通过具体的代码示例展示了如何构建计算器界面、处理用户输入和显示计算结果。
89 0
|
1月前
|
传感器 开发框架 物联网
鸿蒙next选择 Flutter 开发跨平台应用的原因
鸿蒙(HarmonyOS)是华为推出的一款旨在实现多设备无缝连接的操作系统。为了实现这一目标,鸿蒙选择了 Flutter 作为主要的跨平台应用开发框架。Flutter 的跨平台能力、高性能、丰富的生态支持和与鸿蒙系统的良好兼容性,使其成为理想的选择。通过 Flutter,开发者可以高效地构建和部署多平台应用,推动鸿蒙生态的快速发展。
228 0
|
Android开发
【错误记录】Android Studio 创建 Flutter 应用被卡住 ( 更新 Flutter 插件 | 命令行创建 | 断网 )
【错误记录】Android Studio 创建 Flutter 应用被卡住 ( 更新 Flutter 插件 | 命令行创建 | 断网 )
331 0
【错误记录】Android Studio 创建 Flutter 应用被卡住 ( 更新 Flutter 插件 | 命令行创建 | 断网 )
|
2月前
|
Android开发 iOS开发 容器
鸿蒙harmonyos next flutter混合开发之开发FFI plugin
鸿蒙harmonyos next flutter混合开发之开发FFI plugin
|
27天前
|
开发框架 Dart 前端开发
Flutter 是谷歌推出的一款高效跨平台移动应用开发框架,使用 Dart 语言,具备快速开发、跨平台支持、高性能、热重载及美观界面等特点。
Flutter 是谷歌推出的一款高效跨平台移动应用开发框架,使用 Dart 语言,具备快速开发、跨平台支持、高性能、热重载及美观界面等特点。本文从 Flutter 简介、特点、开发环境搭建、应用架构、组件详解、路由管理、状态管理、与原生代码交互、性能优化、应用发布与部署及未来趋势等方面,全面解析 Flutter 技术,助你掌握这一前沿开发工具。
56 8