经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » Flutter » 查看文章
flutter监听app进入前后台状态的实现
来源:jb51  时间:2022/4/18 12:05:20  对本文有异议

在开发app的过程中,我们经常需要根据app的前后台的状态,做一些事情,那么我们在flutter中是如何实现这一监听的?

flutter给我们提供了WidgetsBindingObserver来进行一些状态的判断,但是判断前后台的状态只是该API种其中一种功能,对于WidgetsBindingObserver需要注意两点

  • 最好是先进入而且不会销毁的页面, 这可以判断整个程序的前后台状态(例如:main。dart类中)
  • WidgetsBindingObserver需要被写在MateialApp或其它主题包裹的地方

1. 监听app进入前后台状态 示例代码:

  1. //1.第一步需要混入 WidgetsBindingObserver类, 里面的一些方法提供了程序状态的一些监听,我们可以重写方法来实现我们的逻辑
  2. class _MyHomePageState extends State<MyHomePage> with WidgetsBindingObserver {
  3. @override
  4. Widget build(BuildContext context) {
  5.  
  6. return Scaffold(
  7. appBar: AppBar(
  8. title: Text(widget.title),
  9. ),
  10. body: Container(color: Colors.orange,)
  11. );
  12. }
  13.  
  14. //实现监听flutter中App的一些状态, 比如 进入前后台
  15. @override
  16. void initState() {
  17. super.initState();
  18. //2.页面初始化的时候,添加一个状态的监听者
  19. WidgetsBinding.instance?.addObserver(this);
  20. }
  21.  
  22. @override
  23. void dispose() {
  24. super.dispose();
  25. //3. 页面销毁时,移出监听者
  26. WidgetsBinding.instance?.removeObserver(this);
  27. }
  28.  
  29. //一些状态改变监听方法
  30.  
  31. //监听程序进入前后台的状态改变的方法
  32. @override
  33. void didChangeAppLifecycleState(AppLifecycleState state) {
  34. // TODO: implement didChangeAppLifecycleState
  35. super.didChangeAppLifecycleState(state);
  36. switch (state) {
  37. //进入应用时候不会触发该状态 应用程序处于可见状态,并且可以响应用户的输入事件。它相当于 Android 中Activity的onResume
  38. case AppLifecycleState.resumed:
  39. print("应用进入前台======");
  40. break;
  41. //应用状态处于闲置状态,并且没有用户的输入事件,
  42. // 注意:这个状态切换到 前后台 会触发,所以流程应该是先冻结窗口,然后停止UI
  43. case AppLifecycleState.inactive:
  44. print("应用处于闲置状态,这种状态的应用应该假设他们可能在任何时候暂停 切换到后台会触发======");
  45. break;
  46. //当前页面即将退出
  47. case AppLifecycleState.detached:
  48. print("当前页面即将退出======");
  49. break;
  50. // 应用程序处于不可见状态
  51. case AppLifecycleState.paused:
  52. print("应用处于不可见状态 后台======");
  53. break;
  54. }
  55. }
  56. }

执行结果:

在这里插入图片描述

2.其它状态监听

  1. //当前系统改变了一些访问性活动的回调
  2. @override
  3. void didChangeAccessibilityFeatures() {
  4. super.didChangeAccessibilityFeatures();
  5. }
  6.  
  7. //低内存回调
  8. @override
  9. void didHaveMemoryPressure() {
  10. super.didHaveMemoryPressure();
  11. }
  12.  
  13. //用户本地设置变化时调用,如系统语言改变
  14. @override
  15. void didChangeLocales(List<Locale>? locales) {
  16. super.didChangeLocales(locales);
  17. }
  18.  
  19. //应用尺寸改变回调,例如旋转
  20. @override
  21. void didChangeMetrics() {
  22. super.didChangeMetrics();
  23. }
  24.  
  25. @override
  26. Future<bool> didPopRoute() {
  27. //return super.didPopRoute();
  28. print('YM--------didPopRoute');//页面弹出
  29. return Future.value(false);//true为拦截,false不拦截
  30. }
  31.  
  32. @override
  33. Future<bool> didPushRoute(String route) {
  34. //return super.didPushRoute(route);
  35. print('YM--------PushRoute'); //拦截push
  36. return Future.value(false);
  37. }
  38.  
  39. //平台主题改变时回调
  40. @override
  41. void didChangePlatformBrightness() {
  42.  
  43. super.didChangePlatformBrightness();
  44. }

到此这篇关于flutter监听app进入前后台状态的实现的文章就介绍到这了,更多相关flutter监听app内容请搜索w3xue以前的文章或继续浏览下面的相关文章希望大家以后多多支持w3xue!

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号