SwiftUI 布局之标题左对齐图片居中对齐（教程含源码）

最新推荐文章于 2024-01-01 08:20:51 发布

知识大胖

最新推荐文章于 2024-01-01 08:20:51 发布

阅读量2.4k

点赞数

分类专栏： SwiftUI源码大全

本文链接：https://blog.csdn.net/iCloudEnd/article/details/112852728

版权

SwiftUI源码大全专栏收录该内容

1345 篇文章 342 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文是一篇SwiftUI布局教程，教你如何实现标题左对齐且图片居中的效果。通过学习，你将能创建相应界面，并掌握使用VStack和.frame()方法进行组件对齐的技巧。

摘要由CSDN通过智能技术生成

实战需求

SwiftUI 布局之标题左对齐图片居中对齐

本文价值与收获

看完本文后，您将能够作出下面的界面

截屏2021-01-19 下午9.20.29.png

看完本文您将掌握的技能

容器左对齐VStack (alignment: .leading, spacing: 10)
组件中心对齐 .frame(maxWidth: .infinity, alignment: .center)

实战代码

import SwiftUI

struct ContentView: View {
    var body: some View {
        ScrollView {
            VStack (alignment: .leading, spacing: 10) {
                Text("SwiftUI标题左对齐图片居中对齐 ")
                Image(systemName:"star.fill")
                    .resizable()
                    .fra

了解本专栏