如何在gridView中加载所有图像?

时间:2019-08-27 09:41:57

标签: flutter dart

我有带有gridView的应用程序(下面的代码)。我下载图像链接并添加到postList。问题在于图像在显示时会下载。我在屏幕上只看到4张图像,当我向下滚动时,正在加载下一张图像。如何更改此设置并从链接中加载所有内容?这样在向下滚动时就不会出现白框。

child: GridView.count(
                controller: _controller,
                padding: EdgeInsets.all(8.0),
                crossAxisCount: 2,
                crossAxisSpacing: 12.0,
                mainAxisSpacing: 12.0,
                childAspectRatio: cardWidth/cardHeight,
                children: List.generate(postList.length, (index) {
                  return GestureDetector(
                    onTap: (){
                    },
                    child:
                       new ClipRRect(
                        borderRadius: BorderRadius.circular(15.0),
                        child: Image.network(postList.elementAt(index).imageUrl,
                            fit: BoxFit.fitHeight),
                      ),
                    //),
                  );
                }),
              )

1 个答案:

答案 0 :(得分:1)

这是延迟加载,不是一次下载所有图像的好方法,假设您有1000张图像,而用户仅看到10张图像并退出了应用程序,则会浪费设备资源下载所有图片,完全不需要