首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何正确缓存图像

如何正确缓存图像
EN

Stack Overflow用户
提问于 2022-05-15 15:18:54
回答 1查看 68关注 0票数 1

我使用CachedNetworkImage包为我的图像显示加载,但是我认为我使用它是错误的,因为在加载过程消失之后,图像直到几秒钟后才会出现。

这是我的CachedNetworkImage代码

代码语言:javascript
运行
复制
CachedNetworkImage(
            imageUrl: movie.poster.toString(),
            imageBuilder: (context, _) {
              return Image.network(
                movie.poster.toString(),
                height: 250,
                width: 164,
                fit: BoxFit.fill,
                alignment: Alignment.topCenter,
              );
            },
            placeholder: (context, url) => Container(
              height: 250,
              width: 164,
              child: Center(
                child: CircularProgressIndicator(
                  color: Colors.blue,
                ),
              ),
            ),
            errorWidget: (context, url, error) => Icon(Icons.error),
          ),
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-05-16 15:31:05

这是因为您正在返回一个Image.network,它将再次加载映像,因此您将得到这个延迟的映像。

用此替换缓存的网络映像。

代码语言:javascript
运行
复制
CachedNetworkImage(
    imageUrl: movie.poster.toString(),
    imageBuilder: (context, imageProvioder) {
      return Container(
        decoration: BoxDecoration(
          image: DecorationImage(image: imageProvioder, fit: BoxFit.fill),
        ),
      );
    },
    placeholder: (context, url) => Container(
      height: 250,
      width: 164,
      child: Center(
        child: CircularProgressIndicator(
          color: Colors.blue,
        ),
      ),
    ),
    errorWidget: (context, url, error) => Icon(Icons.error),
  ),

我希望这能帮到你。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72249582

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档