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
                       )
        }
    }
}

效果

Image设置大小并居中

---

更多SwiftUI教程和代码关注专栏

• 请关注我的专栏 SwiftUI教程与源码