🐷

HStack VStack ZStack について

2023/08/09に公開

HStack

水平(横)方向の構造

struct ContentView: View {
     var body: some View {
		HStack {
		    Text("テキスト1")
		    Text("テキスト2")
		    Text("テキスト3")
		}
     }
}

VStack

垂直(縦)方向の構造

struct ContentView: View {
     var body: some View {
		VStack {
		    Text("テキスト1")
		    Text("テキスト2")
		    Text("テキスト3")
		}
     }
}

ZStack

奥行方向の構造

struct ContentView: View {
     var body: some View {
		ZStack {
		    Text("テキスト1"Text("テキスト2")
		    Text("テキスト3")
		}
     }
}

Discussion