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

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

作者李俊才 (jcLee95):https://blog.csdn.net/qq_28550263
邮箱 :[email protected]
本文地址:https://blog.csdn.net/qq_28550263/article/details/134127670


【介绍】:WidgetsBinding.instance 是Flutter中用于管理应用程序事件和生命周期的重要工具,它允许开发者控制应用程序的各个方面,以提供更好的用户体验。 WidgetsBinding.instance 上提供了一个 lifecycleState 属性,可以用来获取当前应用程序的生命周期状态。
本文介绍 Flutter 应用应用程序的生命周期状态(lifecycleState)及其用法。

目 录

  • 1. 关于 WidgetsBinding
  • 2. Flutter 应用程序的生命周期状态(lifecycleState)
    • 2.1 获取当前生命周期状态
    • 2.2 AppLifecycleState.resumed(恢复状态)
      • 2.2.1 含义描述
      • 2.2.2 应用举例
    • 2.3 AppLifecycleState.inactive(非活动状态)
      • 2.3.1 含义描述
      • 2.3.2 应用举例
    • 2.4 AppLifecycleState.paused(暂停状态)
      • 2.4.1 含义描述
      • 2.4.2 应用举例
    • 2.5 AppLifecycleState.detached(分离状态)
      • 2.5.1 含义描述
      • 2.5.2 应用举例
  • 3. 监听生命周期状态的变化
  • F. AppLifecycleState 枚举源码(带中文注释)


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 {
  
  _LifecycleWatcherState createState() => _LifecycleWatcherState();
}

class _LifecycleWatcherState extends State<LifecycleWatcher> with WidgetsBindingObserver {
  Color _color = Colors.green;

  
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
    
    // 当组件初始化时,将自身添加为应用生命周期状态的观察者。
  }

  
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
    
    // 在组件被销毁时,确保将自身从应用生命周期状态的观察者中移除,以防止内存泄漏。
  }

  
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.resumed) {
      // 当应用程序从后台切换到前台时,更新颜色为红色。
      setState(() {
        _color = Colors.red;
      });
    } else {
      // 当应用程序不在前台时,更新颜色为绿色。
      setState(() {
        _color = Colors.green;
      });
    }
  }

  
  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 {
  
  _LifecycleWatcherState createState() => _LifecycleWatcherState();
}

class _LifecycleWatcherState extends State<LifecycleWatcher> with WidgetsBindingObserver {
  Timer _timer;  // 用于定时更新计数器的计时器
  int _counter = 0;  // 用于存储计数器的当前值

  
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);

    // 在组件初始化时,将自身添加为应用生命周期状态的观察者,并启动计时器。
    _startTimer();
  }

  
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    _timer?.cancel();
    super.dispose();

    // 在组件被销毁时,确保将自身从应用生命周期状态的观察者中移除,并取消计时器以避免内存泄漏。
  }

  void _startTimer() {
    _timer = Timer.periodic(Duration(seconds: 1), (timer) {
      setState(() {
        _counter++;  // 每秒更新计数器的值
      });
    });
  }

  
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.inactive) {
      _timer?.cancel();  // 当应用程序状态变为不活动时,取消计时器以停止计数器的更新。
    } else if (state == AppLifecycleState.resumed) {
      _startTimer();  // 当应用程序状态变为恢复时,重新启动计时器以继续更新计数器。
    }
  }

  
  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 {
  
  _LifecycleWatcherState createState() => _LifecycleWatcherState();
}

class _LifecycleWatcherState extends State<LifecycleWatcher> with WidgetsBindingObserver {
  String _dataToSave = 'Some data'; // 用于保存的数据

  
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);

    // 在组件初始化时,将自身添加为应用生命周期状态的观察者。
  }

  
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();

    // 在组件被销毁时,确保将自身从应用生命周期状态的观察者中移除。
  }

  Future<void> _saveData() async {
    // 模拟保存数据的操作,例如将数据写入存储或云端
    await Future.delayed(Duration(seconds: 2));
    print('Data saved: $_dataToSave'); // 打印保存的数据
  }

  
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.paused) {
      // 当应用程序状态变为暂停时,触发数据保存操作。
      _saveData();
    }
  }

  
  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 {
  
  _LifecycleWatcherState createState() => _LifecycleWatcherState();
}

class _LifecycleWatcherState extends State<LifecycleWatcher> with WidgetsBindingObserver {
  
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);

    // 在组件初始化时,将自身添加为应用生命周期状态的观察者。
  }

  
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();

    // 在组件被销毁时,确保将自身从应用生命周期状态的观察者中移除。
  }

  
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.detached) {
      // 当应用程序状态变为“detached”时,记录应用程序处于“detached”状态。
      print('App is in detached state');
    }
  }

  
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text('App lifecycle demo'), // 显示应用程序生命周期演示的文本
      ),
    );
  }
}

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

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

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

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

class MyObserver extends WidgetsBindingObserver {
  
  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 {
  
  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 {
  
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("App Lifecycle Example"),
        ),
        body: Center(
          child: Text("Hello, Flutter!"),
        ),
      ),
    );
  }

  
  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,
}

你可能感兴趣的:(前端,桌面端,移动端,UI,构建工具,Flutter,Dart,lifecycleState)