如何在Flutter中捕获错误

这期内容当中小编将会给大家带来有关如何在Flutter中捕获错误,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

站在用户的角度思考问题,与客户深入沟通,找到山东网站设计与山东网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:做网站、成都网站设计、企业官网、英文网站、手机端网站、网站推广、域名注册虚拟主机、企业邮箱。业务覆盖山东地区。

Demo 初始状态

首先我们新建 Flutter 项目,修改 main.dart 代码如下:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
 // This widget is the root of your application.
 @override
 Widget build(BuildContext context) {
  return MaterialApp(
   home: Scaffold(
    appBar: AppBar(title: Text('Flutter Crash Capture'),),
    body: MyHomePage(),
   ),
  );
 }
}

class MyHomePage extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
  return Container();
 }
}

效果如下:

如何在Flutter中捕获错误

捕获错误

我们修改 MyHomePage,添加一个 List 然后进行越界访问,改动部分代码如下:

class MyHomePage extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
  List numList = ['1', '2'];
  print(numList[6]);
  return Container();
 }
}

可以看到控制台报错如下:

flutter: ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
flutter: The following RangeError was thrown building MyHomePage(dirty):
flutter: RangeError (index): Invalid value: Not in range 0..1, inclusive: 6

当然这些错误信息在界面上也有显示(debug 模式)。

那么我们如何捕获呢?

其实很简单,有个通用模板,模板为:

import 'dart:async';

import 'package:flutter/material.dart';

Future main() async {
 FlutterError.onError = (FlutterErrorDetails details) async {
  Zone.current.handleUncaughtError(details.exception, details.stack);
 };

 runZoned>(() async {
  runApp(MyApp());
 }, onError: (error, stackTrace) async {
  await _reportError(error, stackTrace);
 });
}

Future _reportError(dynamic error, dynamic stackTrace) async {
 // TODO
}

在 TODO 里面就可以执行埋点上报操作或者其他处理了。

完整例子如下:

import 'dart:async';

import 'package:flutter/material.dart';

Future main() async {
 FlutterError.onError = (FlutterErrorDetails details) async {
  Zone.current.handleUncaughtError(details.exception, details.stack);
 };

 runZoned>(() async {
  runApp(MyApp());
 }, onError: (error, stackTrace) async {
  await _reportError(error, stackTrace);
 });
}

Future _reportError(dynamic error, dynamic stackTrace) async {
 print('catch error='+error);
}

class MyApp extends StatelessWidget {
 // This widget is the root of your application.
 @override
 Widget build(BuildContext context) {
  return MaterialApp(
   home: Scaffold(
    appBar: AppBar(title: Text('Flutter Crash Capture'),),
    body: MyHomePage(),
   ),
  );
 }
}

class MyHomePage extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
  List numList = ['1', '2'];
  print(numList[6]);
  return Container();
 }
}

运行可以看到控制台捕获到错误如下:

flutter: catch error=RangeError (index): Invalid value: Not in range 0..1, inclusive: 6

assert 妙用

我们知道,一般错误上报都是在打包发布到市场后才需要。

平时调试的时候如果遇到错误,我们是会定位问题并修复的。

因此在 debug 模式下,我们不希望上报错误,而是希望直接打印到控制台。

那么,这个时候就需要一种方式来区分现在是 debug 模式还是 release 模式,怎么区分呢?

这个时候就需要用到 assert 了。

bool get isInDebugMode {
 // Assume you're in production mode.
 bool inDebugMode = false;

 // Assert expressions are only evaluated during development. They are ignored
 // in production. Therefore, this code only sets `inDebugMode` to true
 // in a development environment.
 assert(inDebugMode = true);

 return inDebugMode;
}

从注释也可以知道,assert 表达式只在开发环境下会起作用,在生产环境下会被忽略。

因此利用这一个,我们就可以实现我们的需求。

上面的结论要验证也很简单,我们就不演示了。

完整模板

import 'dart:async';

import 'package:flutter/material.dart';

Future main() async {
 FlutterError.onError = (FlutterErrorDetails details) async {
  if (isInDebugMode) {
   FlutterError.dumpErrorToConsole(details);
  } else {
   Zone.current.handleUncaughtError(details.exception, details.stack);
  }
 };

 runZoned>(() async {
  runApp(MyApp());
 }, onError: (error, stackTrace) async {
  await _reportError(error, stackTrace);
 });
}

Future _reportError(dynamic error, dynamic stackTrace) async {
 // TODO
}

bool get isInDebugMode {
 // Assume you're in production mode.
 bool inDebugMode = false;

 // Assert expressions are only evaluated during development. They are ignored
 // in production. Therefore, this code only sets `inDebugMode` to true
 // in a development environment.
 assert(inDebugMode = true);

 return inDebugMode;
}

上述就是小编为大家分享的如何在Flutter中捕获错误了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。


当前题目:如何在Flutter中捕获错误
当前URL:http://myzitong.com/article/pcjocc.html