这期内容当中小编将会给大家带来有关如何在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();
}
}效果如下：
捕获错误
我们修改 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中捕获错误
网址分享：
http://chengdu.cdxwcx.cn/article/pcjocc.html
