🕌

SwiftUI HStackとVStackとは

2023/01/10に公開約1,200字

HStackとは

複数のUI部品を水平方向に配置するためのもの


import SwiftUI

struct ContentView: View {
    var body: some View {
        HStack {
            Text("✅")
                .font(.system(size: 50))
                .padding()
            Text("✅")
                .font(.system(size: 50))
                .padding()
            Text("✅")
                .font(.system(size: 50))
                .padding()

        }
        
    }
}

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

VStackとは

複数のUI部品を垂直方向に配置するためのもの


import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Text("✅")
                .font(.system(size: 50))
                .padding()
            Text("✅")
                .font(.system(size: 50))
                .padding()
            Text("✅")
                .font(.system(size: 50))
                .padding()

        }
        
    }
}

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

Discussion

ログインするとコメントできます