Swiftui 中的 AsyncImage 不显示图像答案

【问题标题】：Image doesn't appear with AsyncImage in SwiftuiSwiftui 中的 AsyncImage 不显示图像
【发布时间】：2021-12-22 18:32:47
【问题描述】：

我在 TabView 中有 AsyncImage。当我这样做时，图像永远不会出现。我只看到进度条。

@available(iOS 15.0, *)

结构测试：查看 { var body: 一些视图 {

    VStack {
        
        TabView {
            
        
        AsyncImage(url: URL(string: "https://blckbirds.com/wp-content/uploads/2021/10/pexels-kammeran-gonzalezkeola-6128227-2.jpg"), scale: 2) { image in
                    image
                      .resizable()
                      .aspectRatio(contentMode: .fill)
                } placeholder: {
                    ProgressView()
                        .progressViewStyle(.circular)
                }
            
        }.tabViewStyle(PageTabViewStyle(indexDisplayMode: .automatic))
        
    }//V
    
}

}

【问题讨论】：

标签： swiftui swiftui-asyncimage

【解决方案1】：

尝试使用ZStack 包装AsyncImage，这样对我有用：

struct TEST: View {
    
    var body: some View {
        VStack {
            TabView {
                ZStack {   // <--- here
                    AsyncImage(url: URL(string: "https://blckbirds.com/wp-content/uploads/2021/10/pexels-kammeran-gonzalezkeola-6128227-2.jpg"), scale: 2) { image in
                        image
                            .resizable()
                            .aspectRatio(contentMode: .fill)
                    } placeholder: { ProgressView().progressViewStyle(.circular) }
                }
            }.tabViewStyle(PageTabViewStyle(indexDisplayMode: .automatic))
        }
    }
    
}

【讨论】：

是的，这行得通。就这么简单。谢谢！