关于Flutter中异常(五)

时间:2021-7-20 作者:qvyue

前言

任何一款APP的交付都是一个复杂的过程,很多时候经常碰到这样的现象,APP在开发测试阶段没有任何异常,但上线后就异常频出。例如常见且重要的崩溃类异常,出现这些异常,可能是因为不充分的机型适配,不严格的边界代码,不当的多线程代码等等造成的。通常处理崩溃的最佳方式是捕获崩溃发生时的堆栈信息,将堆栈现场保存起来并上传至服务器,然后通过分析堆栈上下文来定位原因,并最终解决问题。

与OC等支持多线程模型的编程语言不同,Dart是单线程模型,它采用事件循环机制来运行任务,所以每个任务的执行是互相独立的。即便当程序运行时出现异常,Dart程序也不会退出,只会导致当前任务后续的代码不会被执行,下一次事件循环后程序又能继续执行

Flutter异常

我们都知道,Flutter代码包括Dart层和原生层,对于原生层的异常,采用原生的方式捕获异常即可。对于Dart层的异常,又可以分为Framework异常和Dart异常。Framework异常通常是由于错误的使用代码造成Flutter框架底层的异常判断引起的,当出现Framework异常时,最终会显示一个异常界面(通过ErrorWidget实现),通过FlutterError类来集中处理,默认情况下,Flutter会自动弹出一个错误界面(开发模式下为红色的错误界面,relase模式下为一个灰色界面),我们可以通过此FlutterError类的onError属性会在接收到框架异常时执行相应的回调。因此,要实现自定义捕获异常逻辑,只需要为它提供一个自定义的错误处理回调函数即可。对于Dart异常,则使用try-catch机制和catchError语句进行处理。

常见的Dart层异常

对于OC/Java/Swift/C/C++等等原生层的代码产生的异常往往会导致APP崩溃退出,具体的捕获方式以及原理可以参考腾讯buggly相关文档。对于Dart层异常,定义在errors.dart中,虽然不会产生APP崩溃,但是异常之后的代码不能被执行也会造成各种各样的程序错误,在这里做一些常见Dart层异常的总结:

  • 1、NoSuchMethodError异常
    顾名思义,未找到此方法而抛出的异常,下面是这类异常发生时的堆栈信息
[VERBOSE-2:ui_dart_state.cc(177)] Unhandled Exception: NoSuchMethodError: The method 'substring' was called on null.
Receiver: null
Tried calling: substring(3)
#0      Object.noSuchMethod (dart:core-patch/object_patch.dart:51:5)
#1      _WelcomePageState._nullfunc (package:yaeherhealth/login/welcome.dart:110:10)
#2      _WelcomePageState._buildPage. (package:yaeherhealth/login/welcome.dart:96:17)
#3      YhButtonState.build. (package:yaeherhealth/common_widget/yh_button.dart:114:27)
#4      _InkResponseState._handleTap (package:flutter/src/material/ink_well.dart:993:19)
  • 2、RangeError异常
    越界异常,常见的数组访问越界等等
[VERBOSE-2:ui_dart_state.cc(177)] Unhandled Exception: RangeError: Value not in range: 10
#0      _StringBase.substring (dart:core-patch/string_patch.dart:390:7)
#1      _WelcomePageState.exceoptionFunction (package:yaeherhealth/login/welcome.dart:110:10)
#2      _WelcomePageState._buildPage. (package:yaeherhealth/login/welcome.dart:96:17)
#3      YhButtonState.build. (package:yaeherhealth/common_widget/yh_button.dart:114:27)
#4      _InkResponseState._handleTap (package:flutter/src/material/ink_well.dart:993:19)
  • 3、TypeError异常
    类型转换错误,一般常见于类型发生转换时不匹配,例如:
[VERBOSE-2:ui_dart_state.cc(177)] Unhandled Exception: type 'int' is not a subtype of type 'Map'
#0      _WelcomePageState._buildPage. (package:yaeherhealth/login/welcome.dart:99:17)
#1      YhButtonState.build. (package:yaeherhealth/common_widget/yh_button.dart:114:27)
#2      _InkResponseState._handleTap (package:flutter/src/material/ink_well.dart:993:19)
#3      _InkResponseState.build. (package:flutter/src/material/ink_well.dart:1111:38)
  • 4、OutOfMemoryError异常
    常见于内存泄露导致内存不足引起的异常
  • 5、UnimplementedError异常
    某个方法未实现异常,例如常见的继承时如果忘记了具体方法会报这样的异常
@override
State createState() {
    // TODO: implement createState
    throw UnimplementedError();
}

异常发生后导致的结果

  • 1、程序无法继续执行
    现在以例子来说明发生异常后的表现,先看如下代码片段(代码只是说明性的代码,不能直接运行,以下都是这样)页面上有一个按钮,正常的需求是点击按钮进入登录流程,登录成功后进行页面跳转。如果点击事件的回调方法onPressed中有NoSuchMethodError异常(这里造一个_nullfunc),当这个异常发生后nullfunc后面的代码就无法执行了(即页面无法进入登录流程之后的情况,^^这里只是简单举例,实际中不会有这么一眼而见的bug)那么最终的结果就是点击此按钮没有任何反应。

例子

YhButton(
      onPressed:(_) async{
        _nullfunc();
        if (!LoginAgent.isLoggedInStatus(true,welcome_page,null,false)) return;
        _gotoPageIfLogin();
     },
),

这里是以NoSuchMethodError异常为例说明点击事情产生异常时的结果,对于其它异常也会造成同样的现象

  • 2、程序部分界面出现错误

异常发生时APP并不会退出,程序也可以继续正常运行,只是发生异常的那部分界面有问题,其它界面也还是正常显示

Widget build(BuildContext context) {
....
省略其它代码,这里假设仍然发生了异常
_nullfunc();
....
}

在这里异常发生在build()函数内部,Flutter的Framework框架会自动捕获异常然后生成一个ErrorWidget异常错误界面,开发模式下为一个红色的错误界面,release模式下为一个灰色界面

release模式下异常界面

关于Flutter中异常(五)
image.png

开发模式下异常界面

关于Flutter中异常(五)
image.png
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。