SwiftUI WWDC21 新组件之 01 AsyncImage 异步加载和显示图像的视图

AsyncImage是什么

异步加载和显示图像的视图。

struct AsyncImage<Content> where Content : View

AsyncImage使用教程

此视图使用共享URLSession实例从指定的 URL 加载图像，然后显示它。例如，您可以显示存储在服务器上的图标：

AsyncImage(url: URL(string: "https://example.com/icon.png"))
    .frame(width: 200, height: 200)

在图像加载之前，视图会显示一个填充可用空间的标准占位符。加载成功完成后，视图会更新以显示图像。在上面的示例中，图标比框架小，因此看起来比占位符小。

您可以使用 指定自定义占位符。使用此初始化程序，您还可以使用参数来操作加载的图像。例如，您可以添加修改器以使加载的图像可调整大小：init(url:scale:content:placeholder:)content

AsyncImage(url: URL(string: "https://example.com/icon.png")) { image in
    image.resizable()
} placeholder: {
    ProgressView()
}
.frame(width: 50, height: 50)

对于此示例，Swift