Flutter如何在不填充内存的情况下从设备显示多个图像

Question

我试图使用 local_image_provider 以提高Android设备的图像和视频地址， 检测到地址后，我将它们添加到列表中

  List<DeviceImage> devideImgs = [];


getImage() async {
lip.LocalImageProvider imageProvider = lip.LocalImageProvider();
bool hasPermission = await imageProvider.initialize();

if (hasPermission) {
  List<lip.LocalImage> images = await imageProvider.findLatest(100000);

  images.forEach((image) async {
    if (image.isImage) {
      devideImgs.add(DeviceImage(image));
    }
  });

} else {
  print("The user has denied access to images on their device.");
}
update();
}

，然后尝试在这样的GridView中显示这些图像，这

 StaggeredGridView.countBuilder(



                crossAxisCount: 3,
                mainAxisSpacing: 3,
                crossAxisSpacing: 3,




                itemCount: devideImgs.length,


                itemBuilder: (context, index) {
                  print('item $index created in grid view');
                  key: UniqueKey();
                  return Item(devideImgs[index]);

                },
                staggeredTileBuilder: (index) => StaggeredTile.count(1,1),
              )

是我的 item widget

 Stack(
  children: [
    VisibilityDetector(
        key: UniqueKey(),
        onVisibilityChanged: (visibilityInfo) async {
       
        
        },
        child: Container(
            child: GestureDetector(
                onTap: () {},
                child: 
                    SizedBox(
                        width: double.maxFinite,
                        height: double.maxFinite,
                        child: Image(
                          image: widget.image,
                          fit: BoxFit.cover,
                        )) 
                ))),
 
  ],
  );

widget.image.image是devicemage每件事都可以正常工作，但是当我滚动gridview时，我认为我正在填充内存，然后收到此 error

I/art     (19971): Starting a blocking GC Alloc
I/art     (19971): Alloc sticky concurrent mark sweep GC freed 87(4KB) AllocSpace objects, 
0(0B) LOS objects, 15% free, 81MB/97MB, paused 1.224ms total 14.060ms

，然后应用程序崩溃了， 我使用了gridview.builder，但我认为这些物品和图像何时在屏幕上不可见，

请告诉我如何修复它

Answer 1

大家好，我通过替换来解决这个问题

 Image(
                      image: widget.image,
                      fit: BoxFit.cover,
                    )

，

                       FadeInImage(
                          fit: BoxFit.cover,
                          placeholder: MemoryImage(kTransparentImage),
                          image: ThumbnailProvider(
                              mediumId:  widget.image.localImage.id.toString(),
                               highQuality: true,
                           ),

                        )

此代码来自照片库