实战需求

SwiftUI ZStack组件如何自动居中(教程含源码)

本文价值与收获

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

基础知识

ZStack

覆盖其子项的视图，使子项在两个轴上对齐。

@frozen struct ZStack<Content> where Content : View

代码

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack{
           Text("SwiftUI ZStack组件居中")
            .padding()
        CommandButtonView(text: " = ", color: .green)
            .padding()
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

struct CommandButtonView: View {