【问题标题】:Long Images are blurry in flutter. Flutter长图像在颤动中模糊。扑
【发布时间】:2020-12-30 20:44:06
【问题描述】:

我的应用是关于阅读漫画的。一些漫画图像是垂直长的,就像倒置的全景图像。该应用程序显示这些图像模糊且分辨率低,尽管它们很好且质量很高。可能是什么原因,解决方案是什么。另一个问题是这些图像向下滚动不流畅,它们被放入列表视图以在页面之间显示广告。提前谢谢。

图片代码是这样的:

ListView.builder(
    itemCount: imageUrls.length,
    itemBuilder: (context, index) {
      return Image.network(
        imageUrls[index],
        fit: BoxFit.fitWidth,
      );
    });

一个非常简单的代码。任何帮助表示赞赏。

你可以自己试试,这里有一个图片链接,用image.network把它插入到listview中。

长图下载链接:https://ufile.io/gh59hu06

【问题讨论】:

    标签: android image flutter


    【解决方案1】:

    所以我做了一些研究,发现 Flutter 不会平铺图像,以便将它们分成更小的部分,从而使图像处理和在 GPU 上显示更容易。解决此问题的唯一方法是手动拆分图像并将它们分开显示。您可以使用 pub.dev 中的图像包来完成这项工作。这是 Flutter 开发人员的一种非常糟糕的方法,我在 github 上提出了一个问题,他们将其添加为功能请求,但性能很差,很奇怪!

    【讨论】:

    • 我对这个确切的问题没有什么要补充的,但你说你可以在 pub.dev 上使用image 包。只是一个建议,使用compute 函数或您自己的方法在单独的隔离上运行所有图像处理操作,因为image 库有很多繁重的顺序操作,如果在主隔离上完成,它将挂起您的 UI。即使您使用的是async-await 组合。
    猜你喜欢
    • 1970-01-01
    • 2020-04-29
    • 2021-11-24
    • 2020-02-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多