麻烦
我构建了 Flutter 应用程序 + Dart。
现在我正试图在 ONE 地方(类)AND showAlertDialog
捕获所有 future 的异常。
Flutter Docs 提出了 3 种捕获 async
错误的解决方案:
- runZonedGuarded
- ... async{ await future() }catch(e){ ... }
- Future.onError
但没有人能够实现所有目标(以最纯粹的形式):
第一:无法在widget的build
中运行(需要返回Widget
,却返回Widget?
。
第二:在 build
中工作,但不捕获由未等待的 futures 抛出的异步错误,并且是“脏的”(强制使用 WidgetBinding.instance.addPostFrameCallback
。我可以确保等待 future (这增加了麻烦),但我无法检查确实确保它是第三方库。因此,这是糟糕的情况。
第三:与第二类似。看起来很可怕。
我的(可忍受的)解决方案
我得到第一个解决方案并添加了一些细节。所以,
我创建了 ZonedCatcher
,它显示带有异常的 AlertDialog
或如果它不知道在哪里显示 AlertDialog
则累积异常(未提供 BuildContext
)。
AlertDialog
需要 MaterialLocalizations
,因此 BuildContext
取自 MaterialApp
的子 MaterialChild
。
void main() {
ZonedCatcher().runZonedApp();
}
...
class ZonedCatcher {
BuildContext? _materialContext;
set materialContext(BuildContext context) {
_materialContext = context;
if (_exceptionsStack.isNotEmpty) _showStacked();
}
final List<Object> _exceptionsStack = [];
void runZonedApp() {
runZonedGuarded<void>(
() => runApp(
Application(
MaterialChild(this),
),
),
_onError,
);
}
void _onError(Object exception, _) {
if (_materialContext == null) {
_exceptionsStack.add(exception);
} else {
_showException(exception);
}
}
void _showException(Object exception) {
print(exception);
showDialog(
context: _materialContext!,
builder: (newContext) => ExceptionAlertDialog(newContext),
);
}
void _showStacked() {
for (var exception in _exceptionsStack) {
_showException(exception);
}
}
}
...
class MaterialChild extends StatelessWidget {
MaterialChild(this.zonedCatcher);
final ZonedCatcher zonedCatcher;
@override
Widget build(BuildContext context) {
zonedCatcher.materialContext = context; //!
...
}
}
缺陷
- 此刻我不知道如何组织具有多个页面的应用程序。
materialContext
只能从MaterialApp
子元素中获取,但页面已经在MaterialApp
小部件中设置。也许,我会在所有页面中注入(inject)ZonedCatcher
,构建页面将重新设置materialContext
。但我可能会遇到GlobalKey
的问题,比如通过手势同时重置某些页面的materialContext
。 - 这不是常见的模式,我必须彻底记录这一刻,这个解决方案使项目更难被其他程序员理解。
- Flutter 的创建者没有预见到这个解决方案,它可以通过重大更改打破新的包。
有什么想法吗?
最佳答案
默认情况下,如果 Flutter 应用程序中存在未捕获的异常,则会将其传递给 FlutterError.onError
.这可以用 void Function(FlutterErrorDetails)
覆盖提供自定义错误处理行为:
void main() {
WidgetsFlutterBinding.ensureInitialized();
FlutterError.onError = (details) {
print(details.exception); // the uncaught exception
print(details.stack) // the stack trace at the time
}
runApp(MyApp());
}
如果您想在此代码中显示一个对话框,您将需要访问 BuildContext
(或 Hook 到元素树中的某种等效机制)。
执行此操作的标准方法是使用 GlobalKey
.在这里,为了方便(因为你想显示一个对话框)你可以使用 GlobalKey<NavigatorState>
:
void main() {
WidgetsFlutterBinding.ensureInitialized();
final navigator = GlobalKey<NavigatorState>();
FlutterError.onError = (details) {
navigator.currentState!.push(MaterialPageRoute(builder: (context) {
// standard build method, return your dialog widget
return SimpleDialog(children: [Text(details.exception.toString())]);
}));
}
runApp(MyApp());
}
请注意,如果您需要 BuildContext
在你的里面onError
回调,你也可以使用navigator.currentContext!
.
然后您需要传递您的 GlobalKey<NavigatorState>
至 MaterialApp
(或 Navigator
,如果您手动创建它):
@override
Widget build(BuildContext context) {
return MaterialApp(
navigatorKey: navigatorKey, // pass in your navigator key
// other fields
);
}
关于flutter - 如何在一个地方(如 main)捕获异步异常并在 AlertDialog 中显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67762290/