FlutterAPP生命周期监听

State 的生命周期,定义了 Widget 的加载到构建的全过程,可以利用其回调机制根据 Widget 的状态选择合适的时机做合适的事情。而 APP 的生命周期,则定义了 APP 从启动到退出的全过程。

如果想在对应的 APP 的生命周期事件中做相应的处理,比如 APP 从后台进入前台、从前台退到后台,或是在 UI 绘制完后做一些处理,则可以应用 WidgetsBindingObserver 类来实现。

WidgetsBindingObserver 中的回调方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// Accessibility 相关特性回调
void didChangeAccessibilityFeatures() { }

// App 生命周期改变回调
void didChangeAppLifecycleState(AppLifecycleState state) { }

// 本地化语言改变回调
void didChangeLocales(List<Locale> locale) { }

// 系统窗口相关改变回调
void didChangeMetrics() { }

// 系统亮度改变回调
void didChangePlatformBrightness() { }

// 文本缩放系数改变回调
void didChangeTextScaleFactor() { }

// 内存不足警告回调
void didHaveMemoryPressure() { }

// 页面 pop
Future<bool> didPopRoute() => Future<bool>.value(false);

// 页面 push
Future<bool> didPushRoute(String route) => Future<bool>.value(false);

要使用以上回调方法,只需通过给 WidgetsBindingObserver 单例对象设置监听器即可监听相关回调方法

生命周期回调

didChangeAppLifecycleState 回调方法中,有一个参数类型为 AppLifecycleState 的枚举类,这个枚举类是 Flutter 对 App 生命周期状态的封装,常用的状态包括 inactive、paused、resumed

  • inactive:处在不活动状态,无法处理用户响应
  • paused:不可见且不能响应用户的输入,但在后台继续活动中
  • resumed:可见的,且能响应用户的输入
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
class AppLifecycleReactor extends StatefulWidget {
const AppLifecycleReactor({ Key key }) : super(key: key);

@override
_AppLifecycleReactorState createState() => _AppLifecycleReactorState();
}

class _AppLifecycleReactorState extends State<AppLifecycleReactor> with WidgetsBindingObserver {
@override
void initState() {
super.initState();
WidgetsBinding.instance.addObserver(this);// 注册监听器
}

@override
void dispose() {
WidgetsBinding.instance.removeObserver(this);// 移除监听器
super.dispose();
}

AppLifecycleState _notification;

@override
void didChangeAppLifecycleState(AppLifecycleState state) {
print("$state");
}
}

可以试着切换下前后台,观察下控制台输出的 App 状态

  • 从前台退到后台,控制台打印的 App 生命周期变化如下:

    AppLifecycleState.resumed->AppLifecycleState.inactive->AppLifecycleState.paused

  • 从后台切换回前台,控制台打印的 App 生命周期变化如下:

    AppLifecycleState.paused->AppLifecycleState.inactive->AppLifecycleState.resumed

帧绘制回调

有时除了需要监听 App 的生命周期回调外,还需要在组件完成渲染后做一些与显示相关的其他处理,比如切换线程等,此时可以使用 WidgetsBinding 来实现

WidgetsBinding 提供了单次 Frame 绘制回调及实时 Frame 绘制回调两种机制

  • 单次 Frame 绘制回调:通过 addPostFrameCallback 实现。在当前 Frame 绘制完后进行回调,且只会回调一次,如果需要多次回调则需设置多次

    1
    2
    3
    WidgetsBindingObserver.instance.addPostFrameCallback((_){
    print("addPostFrameCallback 绘制回调"); // 只回调一次
    });
  • 实时 Frame 绘制回调:通过 addPersistentFrameCallback 实现。在每次绘制 Frame 结束后进行回调

    1
    2
    3
    WidgetsBindingObserver.instance.addPersistentFrameCallback((_){
    print("addPersistentFrameCallback 绘制回调"); // 每帧都回调
    });
坚持原创技术分享,您的支持将鼓励我继续创作!