首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在屏幕上显示之前渲染图像小部件

在屏幕上显示之前渲染图像小部件
EN

Stack Overflow用户
提问于 2020-08-07 02:13:05
回答 2查看 178关注 0票数 0

我的应用程序有一个页面列表,你可以在其中滑动页面。这些页面包括网络图像。问题是,只有当网络图像可见时,才会获取和构建网络图像,这意味着用户可以观看整个过程。

我理解这是flutter为了提高效率而有意为之的功能,但我正在寻找一种方法,在用户导航到页面之前获取、加载和缓存页面(包含网络图像)。

Now

Goal

EN

回答 2

Stack Overflow用户

发布于 2020-08-07 02:36:01

在pubspec.yaml文件中,

将此添加为依赖项

代码语言:javascript
复制
meet_network_image:^0.1.2

在您的dart文件中,将下面这行代码放入您想要放置图像的位置

代码语言:javascript
复制
MeetNetworkImage(
                  imageUrl:
                      "Your image url.jpg",
                  loadingBuilder: (context) => Center(
                        child: CircularProgressIndicator(),
                      ),
                  errorBuilder: (context, e) => Center(
                        child: Text('Error appear!'),
                      ),
                ),
票数 -1
EN

Stack Overflow用户

发布于 2020-08-07 03:00:20

只需像这样使用cached_network_image包:

代码语言:javascript
复制
CachedNetworkImage(
        imageUrl: "image path",
        placeholder: (context, url) => CircularProgressIndicator(),
        errorWidget: (context, url, error) => Icon(Icons.error),
     ),
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63289457

复制
相关文章

相似问题

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