如何在一个地方（如main）捕获异步异常并在AlertDialog中显示它？

Question

麻烦

我构建了 Flutter 应用程序 + Dart。 现在我试图在 ONE 地方（类）AND showAlertDialog 中捕获所有未来的异常。

Flutter Docs 提出了 3 个解决方案来捕获 async 错误：

1. runZonedGuarded
2. ... async{ 等待 future() }catch(e){ ... }
3. Future.onError

但是没有人可以实现所有目标（以最纯粹的形式）：

第一：不能在widget的build中运行（需要返回Widget，但是返回Widget?。

第二：在build 中工作，但不要捕获异步错误，这些错误是由未等待的期货引发的，并且是“脏的”（强制使用WidgetBinding.instance.addPostFrameCallback。我可以确保等待期货（这增加了麻烦） )，但我无法检查是否确保它是第三方库。因此，这是不好的情况。

第三：类似于第二。而且看起来很可怕。

我的（可以忍受的）解决方案

我得到了第一个解决方案并添加了一些细节。所以，

我创建了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; //!
    ...
  }
}

缺陷

1. 目前我不知道如何用多个页面组织应用程序。 materialContext 只能从 MaterialApp 孩子中获取，但页面已经在 MaterialApp 小部件中设置。也许，我会在所有页面中注入ZonedCatcher，并且构建页面将重新设置materialContext。但我可能会面临GlobalKey 的问题，比如在手势上同时通过某些页面重置materialContext。
2. 这不是常见的模式，我必须彻底记录这一刻，这个解决方案使其他程序员更难理解项目。
3. Flutter 的创建者没有预见到这个解决方案，它可能会在新的包上发生重大变化。

有什么想法吗？

Answer 1

默认情况下，如果 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（或一些等效的机制来挂钩到元素树）。

执行此操作的标准方法是使用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());
}

请注意，如果您需要在 onError 回调中使用 BuildContext，您也可以使用 navigator.currentContext!。

然后您需要将您的 GlobalKey<NavigatorState> 传递给 MaterialApp（或 Navigator，如果您手动创建它）：

@override
Widget build(BuildContext context) {
  return MaterialApp(
    navigatorKey: navigatorKey,  // pass in your navigator key
    // other fields
  );
}