SwiftUI 布局技巧之主元素居中对齐辅助元素边缘对齐overlay

最新推荐文章于 2025-02-11 23:59:40 发布

知识大胖

最新推荐文章于 2025-02-11 23:59:40 发布

阅读量554

点赞数

CC 4.0 BY-SA版权

分类专栏： SwiftUI内功 SwiftUI源码大全

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

SwiftUI源码大全同时被 2 个专栏收录

1425 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

SwiftUI内功

217 篇文章 ¥79.90 ¥99.00

订阅专栏

超级会员免费看

实战需求

SwiftUI 布局技巧之主元素居中对齐辅助元素边缘对齐

本文价值与收获

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

主元素居中对齐辅助元素边缘对齐

看完本文您将掌握的技能

设置背景颜色Color.black.ignoresSafeArea(.all)
设置阴影.shadow(color: .white, radius: 10, x: 0, y: 0)

实战代码

import SwiftUI

struct ContentView: View {
    var body: some View{
        ZStack{
            Color.black.ignoresSafeArea(.all)
            VStack{
                HStack{
                    Spacer()
                    Text("Picture")
                        .font(.custom("Pacifico-Regular",size: 50))

了解本专栏