Flutter Web - 显示目录中的所有图像答案

【问题标题】：FlutterWeb - Display all images in a directoryFlutter Web - 显示目录中的所有图像
【发布时间】：2020-01-21 20:38:33
【问题描述】：

我正在创建一个 Flutter Web 应用程序，并试图找出一种方法来显示目录中的所有图像。这是一个示例树。

images
- projects
  - p1
    - image1.jpg
    - image2.JPEG
    - image3.png
  - p2

我可以使用Image.Asset(images/projects/p1/image1.jpg) 单独显示每张图像，但某些图像文件具有不同的扩展名或位于不同的子文件夹中。由于这是颤动的网络，我无法访问 dart:io 并且无法使用 Directory() ，其中包括像“path_provider”这样的包。可能的解决方案是创建一个包含所有文件夹/文件名的 json 清单文件，但某些文件夹最多可以有 20-30 个文件，并且每次添加/替换/删除图像时都需要我更新清单。还有其他想法吗？

【问题讨论】：

标签： flutter flutter-web

【解决方案1】：

你可以这样做

assets:
    - images/
    - fonts/

这样，所有“直接”子级都将添加到资产中，但子级不会，因此如果您可以为资产创建一个恒定结构并仅添加目录，那么您不必担心pubspec.yaml 或在添加或删除文件时运行flutter pub get。

【讨论】：

由于这是一个 Flutter Web 应用程序，您可以将资产放入 web 文件夹中并在不使用 pubspec.yaml 的情况下加载它们。我想要做的是遍历一个充满图像的目录并显示它们，但我无权访问 dart:io 的 Web 应用程序。有什么想法吗？
@qrs with directory 您的意思是您计算机上的目录或“网络”目录，例如属于您网址一部分的文件夹？