2019.9.30 ErrorWidget 的使用

weixin_30387799

于 2019-09-30 16:23:00 发布

阅读量1.4k

点赞数

文章标签：移动开发

原文链接：http://www.cnblogs.com/110-913-1025/p/11613241.html

版权

本文介绍如何在Flutter中自定义错误页面，通过设置ErrorWidget来避免在开发和正式环境中因错误导致的页面显示问题，提供了一段代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发过程中总会碰见页面出现错误的情况，这时候整个页面一片红，

如下

测试阶段出现这样的问题就算了，万一正式环境也出现这个就要不和谐了。所以就有了ErrorWidget。这个是要在最底层设置一下就可以屏蔽这样的页面了。

代码如下:

void setCustomErrorPage() {
  ErrorWidget.builder = (FlutterErrorDetails flutterErrorDetails) {
    print(flutterErrorDetails.toString());
    return Container(
      color: Colors.white,
      child: Center(
        child: Image.asset('images/timg-2.jpeg'),
      ),
    );
  };
}

引入如下