【老孟Flutter】Flutter 中与平台相关的生命周期

news/2024/7/24 10:05:54

老孟导读:关于生命周期的文章共有2篇,一篇(此篇)是介绍 Flutter 中Stateful 组件的生命周期。

第二篇是 Flutter 中与平台相关的生命周期,

博客地址:http://laomengit.com/blog/20201227/%E7%9B%B8%E5%85%B3%E5%B9%B3%E5%8F%B0%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F.html

博客中还有更多精彩文章,也欢迎加入 Flutter 交流群。

此篇文章所说的生命周期与 StatefulWidget 组件的生命周期是不同的,这里平台相关的生命周期指的是特定平台相关操作所产生的生命周期,比如 Android 中 App 退到后台后的onPause等。

有人下场景,App正在播放视频,此时回到手机桌面或者切换到其他App,那么此时视频应该暂停播放,Flutter 中使用 AppLifecycleState 实现:

class AppLifecycle extends StatefulWidget {
  @override
  _AppLifecycleState createState() => _AppLifecycleState();
}

class _AppLifecycleState extends State<AppLifecycle>
    with WidgetsBindingObserver {
  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.resumed) {
      //TODO
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('App 生命周期'),
      ),
      body: Center(
        child: Text(''),
      ),
    );
  }

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

重点是重写 didChangeAppLifecycleState 方法,AppLifecycleState 中的状态包括:resumed、inactive、paused、detached。

didChangeAppLifecycleState 方法的回调来源于系统的通知(notifications),正常情况下,App是能正常接收到这些通知,但有的情况下是无法接收到通知的,比如用户强制关机、手机没有电自动关机等。

下面对其状态详细说明:

  • resumed:应用程序可见且响应用户输入。
  • inactive:应用程序处于非激活状态,无法响应用户输入。在iOS上,打电话、响应TouchID请求、进入应用程序切换器或控制中心都处于此状态。在Android上,分屏应用,打电话,弹出系统对话框或其他窗口等。
  • pause:应用程序不可见且无法响应用户输入,运行在后台。处于此状态时,引擎将不会调用 Window.onBeginFrameWindow.onDrawFrame
  • detached:应用程序仍寄存在Flutter引擎上,但与平台 View 分离。处于此状态的时机:引擎首次加载到附加到一个平台 View的过程中,或者由于执行 Navigator pop ,view 被销毁。

下面是关于生命周期经常遇到的问题:

有2个页面A和B,在B页面点击返回键返回到A,didChangeAppLifecycleState 不回调

其实这个问题大部分人是想要实现类似于Android 中 onResume 中的功能,用 didChangeAppLifecycleState 是无法实现此功能的,didChangeAppLifecycleState 是对应于整个应用程序的,而不是 Flutter 中 不同的路由(页面)。

从A->B,在从B返回A,A重新加载数据使用如下方法:

A页面代码:

class A extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return RaisedButton(onPressed: ()async{
      var result = await Navigator.of(context).push(MaterialPageRoute(builder: (context){
        return B();
      }));
      //从B返回到A时,执行下面的代码
      //TODO 加载数据
    });
  }
}

B页面代码:

class B extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return RaisedButton(onPressed: (){
      Navigator.of(context).pop('返回的参数');
    });
  }
}

交流

老孟Flutter博客(330个控件用法+实战入门系列文章):http://laomengit.com

欢迎加入Flutter交流群(微信:laomengit)、关注公众号【老孟Flutter】:


http://www.niftyadmin.cn/n/1845502.html

相关文章

Vue+elementUI动态渲染折叠导航el-menu

这是官网上对折叠菜单的示例&#xff1a; 我的项目需求就是这样&#xff0c;开始用&#xff1a; // 折叠按钮 <span click"isCollapse !isCollapse" title"菜单"></span>// 这些属性都在官网可查 <el-menu:default-active"active…

【教程】使用XML注解CSharp代码内容

Microsoft 官方文档链接&#xff1a;XML 文档注释 编程平台&#xff1a;Visual Studio 2022 编程语言&#xff1a;CSharp   一、为什么有此文章 如果说写程序是为了达到某种实现效果目的而做的事情&#xff0c;那么写注释是为了将代码负责的托付给下一位。&#xff08;当然也…

【老孟Flutter】为什么 build 方法放在 State 中而不是在 StatefulWidget 中

老孟导读&#xff1a;此篇文章是生命周期相关文章的番外篇&#xff0c;在查看源码的过程中发现了这一有趣的问题&#xff0c;欢迎大家一起探讨。 Flutter 中Stateful 组件的生命周期&#xff1a;http://laomengit.com/blog/20201227/Stateful%E7%BB%84%E4%BB%B6%E7%94%9F%E5%91…

Python~字典

if not isinstance(x, (int, float)):raise TypeError(bad operand type) range&#xff08;&#xff09; raw_input(‘birth’)返回字符串 函数 abs() cmp(): (1,2)&#xff08;1&#xff0c;1&#xff09;&#xff08;2,1&#xff09;-101数据类型转换&#xff1a; int(‘123…

【老孟Flutter】源码分析系列之InheritedWidget

老孟导读&#xff1a;这是2021年源码系列的第一篇文章&#xff0c;其实源码系列的文章不是特别受欢迎&#xff0c;一个原因是原理性的知识非常枯燥&#xff0c;我自己看源码的时候特别有感触&#xff0c;二是想把源码分析讲的通俗易懂非常困难&#xff0c;自己明白 和 让别人听…

python正则表达式re匹配模式和特殊字符集

python正则表达式re匹配模式和特殊字符正则表达式是可以匹配文本片段的模式&#xff0c;了解正则表达式的匹配模式和特殊字符集&#xff0c;你就可以搜索文本中的模式&#xff0c;也可以进行字符替换和文本分段。1.匹配模式语法意义说明"."任意字符"^"字符…

ExtJs之Ext.Model的MemoryProxy

书上的代码已完全不可参考&#xff0c;只好按知识点从网上查资料一个一个实例 了。 <!DOCTYPE html> <html> <head><title>ExtJs</title><meta http-equiv"Content-Type" content"text/html; charsetutf-8"/><link…

如何让Echarts地图只显示某个省、市、区

这两天重构以前一个项目&#xff0c;里面本来是全国地图&#xff0c;需求说是只显示上海市地图&#xff0c;改完效果如下&#xff1a; 首先你需要获取当前你要的这个地区的地理json文件&#xff0c;这个github上是完整的&#xff1a; 复制了这个json文件后&#xff0c;在你项…