State 生命周期

image.png

image.png

App 生命周期

  2. abstract class WidgetsBindingObserver {
  3.   //页面pop
  4.   Future<bool> didPopRoute() => Future<bool>.value(false);
  5.   //页面push
  6.   Future<bool> didPushRoute(String route) => Future<bool>.value(false);
  7.   //系统窗口相关改变回调，如旋转
  8.   void didChangeMetrics() { }
  9.   //文本缩放系数变化
  10.   void didChangeTextScaleFactor() { }
  11.   //系统亮度变化
  12.   void didChangePlatformBrightness() { }
  13.   //本地化语言变化
  14.   void didChangeLocales(List<Locale> locale) { }
  15.   //App生命周期变化
  16.   void didChangeAppLifecycleState(AppLifecycleState state) { }
  17.   //内存警告回调
  18.   void didHaveMemoryPressure() { }
  19.   //Accessibility相关特性回调
  20.   void didChangeAccessibilityFeatures() {}
  21. }

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

  • resumed：可见的，并能响应用户的输入。
  • inactive：处在不活动状态，无法处理用户响应。
  • paused：不可见并不能响应用户的输入，但是在后台继续活动中。
  2. class _MyHomePageState extends State<MyHomePage>  with WidgetsBindingObserver{//这里你可以再回顾下，第7篇文章“函数、类与运算符：Dart是如何处理信息的？”中关于Mixin的内容
  3. ...
  4.   @override
  5.   @mustCallSuper
  6.   void initState() {
  7.     super.initState();
  8.     WidgetsBinding.instance.addObserver(this);//注册监听器
  9.   }
  10.   @override
  11.   @mustCallSuper
  12.   void dispose(){
  13.     super.dispose();
  14.     WidgetsBinding.instance.removeObserver(this);//移除监听器
  15.   }
  16.   @override
  17.   void didChangeAppLifecycleState(AppLifecycleState state) async {
  18.     print("$state");
  19.     if (state == AppLifecycleState.resumed) {
  20.       //do sth
  21.     }
  22.   }
  23. }
  • 从后台切入前台，控制台打印的 App 生命周期变化如下: AppLifecycleState.paused->AppLifecycleState.inactive->AppLifecycleState.resumed；
  • 从前台退回后台，控制台打印的 App 生命周期变化则变成了：AppLifecycleState.resumed->AppLifecycleState.inactive->AppLifecycleState.paused。

image.png

帧绘制回调

  2. WidgetsBinding.instance.addPostFrameCallback((_){
  3.   print("单次Frame绘制回调");//只回调一次
  4. });
  7. WidgetsBinding.instance.addPersistentFrameCallback((_){
  8.   print("实时Frame绘制回调");//每帧都回调
  9. });