flutter - 如何在一个地方(如 main)捕获异步异常并在 AlertDialog 中显示？

Question

麻烦

我构建了 Flutter 应用程序 + Dart。现在我正试图在 ONE 地方(类)AND showAlertDialog 捕获所有 future 的异常。

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

1. runZonedGuarded
2. ... async{ await future() }catch(e){ ... }
3. 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; //!
    ...
  }
}

缺陷

1. 此刻我不知道如何组织具有多个页面的应用程序。 materialContext 只能从 MaterialApp 子元素中获取，但页面已经在 MaterialApp 小部件中设置。也许，我会在所有页面中注入(inject) 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 (或 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
  );
}