好的，所以我想从 LinearView 获取项目并获得它们的可见性，这样我就可以释放隐藏项目的内存。

这有可能吗？ 您还有其他想法吗？

所以基本上，我想显示从 URL 动态下载的图像流，我希望它们在 ListView 中，这样人们就可以滚动浏览它们，但是如果我们像这样用普通的构建器加载 ListView ,

ListView lvb = new ListView.builder(
    cacheExtent: 1.0,
    itemBuilder: (BuildContext context, int index) {
      return new ImageView(MyApp.imageLinks.values.elementAt(index));
    },
);

它会一次下载所有项目并且设备会耗尽内存。所以我想我只是释放图像占用的内存，然后允许用户加载更多图像而不必担心内存。

此外，我希望一次只加载 5 张图片，因此会显示 1 张，2 张在上方，2 张在下方，以便更快、更流畅地滚动。

我的问题:

• 有没有办法确定项目是否被绘制(在 View 中)？
• 我可以限制我想在 LinearView 中拥有多少个 ImageView，但保持滚动能力。

编辑: promise 的 ImageView 类

class ImageView extends StatelessWidget {
  String url;

  ImageView([String url]) {
    if (url != null) {
      this.url = url;
    }
    print("New image");
  }

  @override
  Widget build(BuildContext context) {
    FractionallySizedBox fsb;
    if (url != null) {
      Image el = Image.network(
        url,
        scale: 0.1,
      );
      fsb = new FractionallySizedBox(
        widthFactor: 1.0,
        child: el,
      );
    print("New image created");
    return fsb;
  }
}

一旦 ListView 开始列出项目，它就会开始向控制台发送“已创建新图像”垃圾邮件。

最佳答案

我将用非答案来回答这个问题。理论上可以使用 Slivers 和 CustomScrollView 或可能使用自定义 RenderObjects 来确定项目是否被绘制，但我认为这不是您真正想要的。

除非您对您的图像做一些奇怪的事情编辑:查看结束，否则使用 ListView.builder 旨在防止您所描述的确切场景。

来自 documentation for ListView.builder 的第一行(强调我的):

Creates a scrollable, linear array of widgets that are created on demand.

使用 ListView.builder 而不是 new ListView([items]) 的想法是它应该自动准确地处理您正在谈论的内容 - 仅创建当前可见的元素。

如果你已经实现了这个并且你实际上在真实设备上耗尽了内存，那么这将是向 Flutter 人员提出错误的好例子 =D。

此外，将 cacheExtent 设置为 1.0 实际上会降低性能。来自cacheExtent docs :

The viewport has an area before and after the visible area to cache items that are about to become visible when the user scrolls.

Items that fall in this cache area are laid out even though they are not (yet) visible on screen. The cacheExtent describes how many pixels the cache area extends before the leading edge and after the trailing edge of the viewport.

通过将其设置为 1.0，您可以在图片离开视口(viewport)后立即将其释放。并且下一张图片只有在它们几乎可以看到时才会加载。因此，下次您滚动(向后或向前)时，(下一张或最后一张)图像必须在进入 View 时加载。

如果您将此值设置得更高(或将其保留为默认值，目前为 250.0)，您可以设置它以便下一张图像将提前加载，完全按照您的意愿进行。

编辑:

所以这里还有一个额外的因素在起作用。感谢您发布您的 ImageView 代码。

问题是您使用的是具有宽度因子但没有高度因子的 FractionallySizedBox。您将宽度设置为 1.0，但没有设置高度(无论如何都行不通)，因此它占用的空间为零，因此一直尝试永远加载图像。

最好使用 SizedBox、ConstrainedBox 或 AspectRatio 为图像指定高度，然后使用 fit contain 或 cover > Image.network 的选项。

这是一个有趣的例子——无限加载狗 =)

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: new Scaffold(
        appBar: new AppBar(
          title: Text("Title"),
        ),
        body: ListView.builder(
          cacheExtent: 1000.0,
          itemBuilder: (BuildContext context, int index) {
            return new ImageView(
              num: index,
              url: "https://loremflickr.com/640/480/dog?random=$index",
            );
          },
        ),
      ),
    );
  }
}

class ImageView extends StatelessWidget {
  final int num;
  final String url;

  ImageView({@required this.num, @required this.url});

  @override
  Widget build(BuildContext context) {
    print("Building image number $num");
    return new AspectRatio(
      aspectRatio: 3.0 / 2.0,
      child: Image.network(
        url,
        fit: BoxFit.cover,
      ),
    );
  }
}

关于android - 在 ListView 中显示图像时内存不足，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51506036/