前言

任何一款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.<anonymous closure> (package:yaeherhealth/login/welcome.dart:96:17)
#3      YhButtonState.build.<anonymous closure> (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.<anonymous closure> (package:yaeherhealth/login/welcome.dart:96:17)
#3      YhButtonState.build.<anonymous closure> (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<dynamic, dynamic>'
#0      _WelcomePageState._buildPage.<anonymous closure> (package:yaeherhealth/login/welcome.dart:99:17)
#1      YhButtonState.build.<anonymous closure> (package:yaeherhealth/common_widget/yh_button.dart:114:27)
#2      _InkResponseState._handleTap (package:flutter/src/material/ink_well.dart:993:19)
#3      _InkResponseState.build.<anonymous closure> (package:flutter/src/material/ink_well.dart:1111:38)

• 4、OutOfMemoryError异常
  常见于内存泄露导致内存不足引起的异常
• 5、UnimplementedError异常
  某个方法未实现异常，例如常见的继承时如果忘记了具体方法会报这样的异常

@override
State<StatefulWidget> 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模式下异常界面

image.png

开发模式下异常界面

image.png