SwiftUI 入門之Image設置大小並居中（2020年教程）

SwiftUI 入門之Image設置大小並居中（2020年教程）

---

技術要點

• 如何獲取屏幕大小

UIScreen.main.bounds.width

• 如何設置照片大小適中

.resizable()
.scaledToFit()

---

代碼

import SwiftUI

struct ProductCard: View {
    var body: some View {
        VStack(alignment:.leading,spacing: 0){
            Image("circle")
            .resizable()
            .scaledToFit()
                .frame(minWidth:nil,
                       idealWidth: nil,
                       maxWidth: UIScreen.main.bounds.width,
                       minHeight: nil,
                       idealHeight: nil,
                       maxHeight: 300,
                       alignment: .center
                       )
        }
    }
}

效果