SwiftUI 如何平铺图片?

11 min read

在 SwiftUI 中，我们可以使用 .resizable().scaledToFill() 对图片进行平铺。具体方法如下：

  1. 创建一个 Image 对象。
Image("yourImageName")
  1. 增加 resizable()修饰符。
Image("yourImageName")
    .resizable()
  1. 增加 scaledToFill() 修饰符。
Image("yourImageName")
    .resizable()
    .scaledToFill()

完整示例代码如下：

import SwiftUI

struct ContentView: View {
    var body: some View {
        Image("yourImageName")
            .resizable()
            .scaledToFill()
            .edgesIgnoringSafeArea(.all)
    }
}

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

注意：图片需要按比例缩放，否则图片可能会变形。同时需要使用 edgesIgnoringSafeArea 修饰符将图片延伸至屏幕边缘。