SwiftUI组件 - AsyncImage

最新推荐文章于 2025-05-28 23:39:14 发布

lingjunjie

最新推荐文章于 2025-05-28 23:39:14 发布

阅读量570

点赞数 9

分类专栏： swiftUI 文章标签： swiftui java ios

本文链接：https://blog.youkuaiyun.com/lingjunjie/article/details/136753080

版权

swiftUI 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了SwiftUI中的AsyncImage组件在iOS15的使用，包括加载网络图片、占位符和不同阶段处理的示例。展示了如何利用AsyncImage实现异步图片加载并提供自定义占位符和错误处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

SwiftUI组件-AsyncImage


import SwiftUI

struct AsyncImageBootcamp: View {
    let url = URL(string: "https://picsum.photos/200")
    var body: some View {
        /// Mark - iOS15 以后才有的方法
        ScrollView {
            AsyncImage(url: url, content: { returnImage in
                returnImage
                    .resizable()
                    .scaledToFit()
                    .frame(width: 100, height: 100)
                    .cornerRadius(10)
            }, placeholder: {
                ProgressView()
            })
            
            AsyncImage(url: url, scale: 1.0)
            
            AsyncImage(url: url) { phase in
                switch phase {
                case .empty:
                    ProgressView()
                case .success(let returnImage):
                    returnImage
                        .resizable()
                        .scaledToFit()
                        .frame(width: 100, height: 100)
                        .cornerRadius(10)
                case .failure(let error):
                    Image(systemName: "questionmark")
                @unknown default:
                    Image(systemName: "questionmark")
                }
            }
        }
    }
}

#Preview {
    AsyncImageBootcamp()
}

效果如下：
请添加图片描述