2

我正在尝试在 Flutter 中构建一个 GridView，其中包含大约 20-30 个高分辨率图像，但遇到了内存问题（android studio profiler 中的内存使用量高达 1.2g，最终导致停电）。

这是我构建 GridView 的方式，

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: new SafeArea(
        child: new Center(
          child: _imageSectionFutureBuilder(), // <-- The core component
        )),
  );
}

Widget _imageSectionFutureBuilder() {
    // Pseudocode is as follows,
    return new FutureBuilder(
        future: _FetchImageLocationsFromDb().then(results) {
        // Some data pre-processing
        preProcessData(results);
    },
    builder: (context, snapshot){
        if (snapshot.hasData) {
        // Here's where I'm building the GridView Builder.
        return new GridView.builder(
          gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
          itemBuilder: (BuildContext context, int index) {
            return _getCurrentItem(snapshot.data[index]); // <-- This function loads a particular image
            }
          );
        } else {
        // Display a different widget saying no data is available.
          return _showNoDataWidget();
        }
      },
    );
  }

  Widget _getCurrentItem(String imagePath) {
    if (FileSystemEntity.typeSync(imagePath) != FileSystemEntityType.notFound) {
      File imageFile = new File(imagePath);
      return new Container(
          child: new Image.file(
            imageFile,
            fit: BoxFit.cover
          ) // <-- Box fitting to ensure specific height images to the gridview
      );
    }
  }

除了这个实现之外，我还实现了一个分页机制来一次加载大约 10 个图像，然后使用 ListView.builder() 实现了同样的事情，甚至尝试使用 GridView.count 和cacheExtent set to 0and addAutomaticKeepAlives to false，并且在所有情况下内存问题依然存在。

无论如何我可以解决这个问题吗？谢谢你。

4

1 回答 1

0

抛出内存不足错误是因为正在显示和缓存的图像是最有可能调整大小的全尺寸图像（仍占用大量内存）。我建议为您将显示的图像生成缩略图以节省内存。这篇文章中有很多有用的答案可供您选择。

您是否有一个特定的用例，您需要构建一个从头开始显示来自本地存储的图像的网格？如果没有，您可能需要考虑使用image_picker插件，如果您只是将此功能用作图像选择器。

于 2021-09-06T17:03:24.883 回答