禁用 Flutter 的“死机红屏”

Question

有没有办法禁用 Flutter 的“死机红屏”？ 在调试期间我不介意它，但它似乎也出现在生产版本中 - 我找不到任何关于如何禁用它的信息，或者我自己捕获错误。

我尝试用FlutterError.onError 和runZoned(onError) 捕捉杂散错误，但两者都没有阻止红屏出现。

作为参考，我说的是这个屏幕：

Answer 1

您可以覆盖 ErrorWidget.builder 方法。
我解决了这个问题。

・示例代码。

void main() {
    ErrorWidget.builder = (FlutterErrorDetails details) => Container();
    ...
}

・默认代码

static ErrorWidgetBuilder builder = _defaultErrorWidgetBuilder;

希望对你有所帮助。

---

2019 年 12 月 21 日更新

或者更改 ErrorWidget backgroundColor 和 textStyle。

・示例代码

import 'dart:ui' as ui;
void main() {
    RenderErrorBox.backgroundColor = Colors.transparent;
    RenderErrorBox.textStyle = ui.TextStyle(color: Colors.transparent);
}

Answer 2

您可以尝试使用 Catcher，它是一个免费的 Flutter 插件，可以捕获和处理 Flutter 应用程序中的错误。 Catcher 提供多种报告模式和处理程序来配合 Flutter 应用程序

只需在 pubspec.yaml 中添加捕手

catcher: ^0.1.2

有关捕手的更多信息 https://pub.dartlang.org/packages/catcher

捕手入门的不错教程https://medium.com/flutter-community/handling-flutter-errors-with-catcher-efce74397862

Answer 3

void main() {
 bool isDev = true;
          ErrorWidget.builder = (FlutterErrorDetails errorDetails) {
            return AppErrorWidget(
              errorDetails: errorDetails,
              isDev: isDev,
            );
          };
}          

    class AppErrorWidget extends StatelessWidget {
      final FlutterErrorDetails errorDetails;
      final bool isDev;
      const AppErrorWidget({
        Key key,
        @required this.errorDetails,
        this.isDev = false,
      }) : super(key: key);
      @override
      Widget build(BuildContext context) {
        return Material(
          child: SafeArea(
            child: Container(
              decoration: BoxDecoration(border: Border.all(color: Colors.red)),
              child: ListView(
                children: <Widget>[
                  Container(
                    height: 20,
                  ),
                  Text(isDev ? errorDetails.toString() : '')
                ],
              ),
            ),
          ),
        );
      }
    }