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
QQ:3365059189
SwiftUI技术交流QQ群:518696470