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

效果

41085-1c8f2a50b47234ac.jpg
Image设置大小并居中

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

发布了637 篇原创文章 · 获赞 4 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/iCloudEnd/article/details/104074484