如何通过ForEach循环引用Assets文件夹内多张图片并自动生成数组？

一、图片命名有规律时（如连续编号） #

如果你的图片是按固定规则命名的（比如img1、img2……img30），不需要额外生成数组，直接在ForEach里遍历数字范围拼接文件名即可：

ForEach(1...30, id: \.self) { item in
    Image("Folder/img\(item)") // 替换成你的实际文件夹名和图片命名前缀
}

确保Assets里的文件夹名称和代码中的Folder一致，路径格式正确

二、图片命名无规律时，自动扫描获取 #

如果图片命名杂乱，无法通过规律拼接，可以借助Bundle和FileManager自动读取文件夹内的图片名：

1. 编写获取图片名的工具函数 #

func fetchImageNames(fromFolder folderName: String) -> [String] {
    guard let folderPath = Bundle.main.path(forResource: folderName, ofType: "imageset") else {
        print("找不到目标文件夹")
        return []
    }
    
    do {
        let allFiles = try FileManager.default.contentsOfDirectory(atPath: folderPath)
        // 过滤并提取有效图片文件名（去掉后缀）
        return allFiles
            .filter { file in
                let validExtensions = ["png", "jpg", "jpeg"]
                return validExtensions.contains(file.components(separatedBy: ".").last?.lowercased() ?? "")
            }
            .map { file in
                file.components(separatedBy: ".").first ?? ""
            }
    } catch {
        print("读取文件夹失败：\(error.localizedDescription)")
        return []
    }
}

2. 在View中调用使用 #

struct ImageListView: View {
    // 替换成你的Assets文件夹名称
    private let targetFolder = "Folder"
    private let imageNames = fetchImageNames(fromFolder: "Folder")
    
    var body: some View {
        ForEach(imageNames, id: \.self) { name in
            Image("\(targetFolder)/\(name)")
        }
    }
}

重要提示：Assets中的文件夹需要设置为文件夹引用（Folder Reference），而非默认的资源文件夹（Asset Folder），否则Bundle无法读取到内部文件。如果是普通Asset Folder，无法通过此方法扫描，建议调整文件夹类型。

内容的提问来源于stack exchange，提问作者Walter Pak