当资产目录图像不存在时，如何停止 SwiftUI 的 .resizable() 添加空格？

Question

我正在构建一个相当长的测验应用程序。 有些问题有图像，有些则没有。 所有图像都存储在本地。 如果图像存在于本地资产目录中，我想动态显示它。 对于那些没有图像的问题，我希望问题文本占据屏幕上图像所在的空间。 每当我将 add.resizable() 添加到图像时，即使 SwiftUI 找不到图像，我也会得到一个丑陋的空间。

这就是我得到的

这就是我想要的

• 我的代码：

import SwiftUI

struct Question {
    var text: String
}

struct ContentView: View {
    @State var questionNumber = 0
    
    var questions = [
        Question(text: "Question 0 has an image in the assets folder"),
        Question(text: "No image for Question 1 in the assets folder"),
    ]
    
    var body: some View {
        VStack {
            VStack {

                //I have an image named 0 in the assets folder

                Image("\(questionNumber)").resizable().scaledToFit()
                Text("\(questions[questionNumber].text)")
            }
            .padding()
            
            Spacer()
            
            HStack {
                Button {
                    questionNumber = 0
                } label: {
                    Text("Question 0")
                }
                
                Button {
                    questionNumber = 1
                } label: {
                    Text("Question 1")
                }
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Answer 1

您可以使用UIImage或NSImage (macOS) 检查图像是否存在。 如果UIImage(named:)返回nil ，则图像不存在。

extension View {
    func isImageExist(_ imageName: String) -> Bool {
        #if os(macOS)
        return (NSImage(named: imageName) != nil)
        #elseif os(iOS)
        return (UIImage(named: imageName) != nil)
        #endif
    }
}

利用：

VStack {
    if isImageExist("\(questionNumber)") {
        Image("\(questionNumber)").resizable().scaledToFit()
    }
    Text("Hello, world!")
}
.padding()