Flutter AppLifecycleState 监听封装，精简而高效

前端

2024-01-13 20:45:53

极简化 Flutter AppLifecycleState 监听方案

什么是 AppLifecycleState？

AppLifecycleState 是 Flutter 提供的一组枚举值，代表应用程序当前的生命周期状态。这些状态包括：

resumed：应用程序处于活动状态
paused：应用程序被暂停，但仍驻留在内存中
detached：应用程序已从内存中移除，但仍可由用户恢复
inactive：应用程序已从内存中移除，无法恢复

为什么要监听 AppLifecycleState？

监听 AppLifecycleState 对于多页面 Flutter 应用程序非常重要，因为它允许您在不同的应用程序状态下执行不同的业务逻辑。例如，当应用程序恢复时，您可能希望重新加载数据，而当应用程序暂停时，您可能希望保存数据。

使用原生 API 监听 AppLifecycleState 的挑战

使用原生 API 监听 AppLifecycleState 需要在每个页面中编写重复的代码。这不仅繁琐，而且容易出错。

极简化的 Flutter AppLifecycleState 监听方案

本文将介绍一种极简的 Flutter AppLifecycleState 监听方案，可以帮助您简化监听过程并提高代码的可复用性和可维护性。

解决方案：WidgetsBindingObserver

我们的解决方案基于 Flutter 的 WidgetsBindingObserver 类。这个类提供了对应用程序生命周期事件的监听功能。

如何实现？

以下是如何实现这一解决方案的步骤：

创建 AppLifecycleStateListener 类

创建一个新的类，例如 AppLifecycleStateListener，并继承 WidgetsBindingObserver。

重写 didChangeAppLifecycleState 方法

在 AppLifecycleStateListener 类中，重写 didChangeAppLifecycleState 方法。在这个方法中，您可以根据 AppLifecycleState 的变化进行不同的处理。

注册监听器

在应用程序的根 Widget 中，使用 WidgetsBinding.instance.addObserver(AppLifecycleStateListener()) 注册监听器。

获取监听器实例

在需要监听 AppLifecycleState 的页面中，通过 context.dependOnInheritedWidgetOfExactType() 获取监听器实例。

注册回调

注册回调以在特定 AppLifecycleState 时执行特定操作。

代码示例

import 'package:flutter/widgets.dart';

class AppLifecycleStateListener extends WidgetsBindingObserver {
  final Map<AppLifecycleState, Function> _callbacks = {};

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    _callbacks[state]?.call();
  }

  void addCallback(AppLifecycleState state, Function callback) {
    _callbacks[state] = callback;
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final listener = context.dependOnInheritedWidgetOfExactType<AppLifecycleStateListener>();

    if (listener != null) {
      listener.addCallback(AppLifecycleState.resumed, () {
        // 页面恢复时执行的操作
      });
    }

    // ...
  }
}