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

Question

麻烦

我构建了 Flutter 应用程序 + Dart。现在我正试图在 ONE 地方 (class) AND showAlertDialog.[=34 中捕获所有未来的异常=]

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

运行ZonedGuarded
... async{ await future() }catch(e){ ... }
Future.onError

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

首先：不能运行在小部件的 build 中（需要 return Widget，但是 returns Widget?。

其次：在 build 中工作，但不捕获由未等待的期货抛出的异步错误，并且是“脏的”（强制使用 WidgetBinding.instance.addPostFrameCallback。我可以确保等待期货（这增加了麻烦），但我无法检查是否确保它 third-part 库。因此，这是糟糕的情况。

第三：与第二相似。看起来很可怕。

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

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

我创建了 ZonedCatcher，它显示 AlertDialog 异常，或者如果它不知道在哪里显示 AlertDialog（BuildContext 尚未提供），则累积异常. AlertDialog 需要 MaterialLocalizations，因此 BuildContext 取自 MaterialApp 的 child 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 child 中获取，但页面已在 MaterialApp 小部件中设置。也许，我会在所有页面中注入 ZonedCatcher，构建页面将 re-set materialContext。但我可能会遇到GlobalKey的问题，比如在某些页面上同时通过手势重置materialContext。
这不是常见的模式，我必须彻底记录这一刻，这个解决方案使项目更难被其他程序员理解。
Flutter 的创建者没有预见到这个解决方案，它可以在 breaking-changes 的新包上中断。

有什么想法吗？

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
  );
}

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

How to catch async exception in one place (like main) and show it in AlertDialog?

architecture

dart

flutter

麻烦

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

缺陷

有什么想法吗？