在上一篇 SwiftUI 的教程中,我提到了如何使用 stack 來排列視圖:
VStack {
Text("Hello World")
Text("Hello again!")
}
讓我們來談談間距。
注意兩個 Text
視圖之間沒有間距嗎?這是因為 VStack
的默認行為。
VStack
可以接受一個 spacing
參數:
VStack(spacing: 100) {
Text("Hello World")
Text("Hello again!")
}
這將在 VStack
中的視圖之間增加 100 個點的間距。
你也可以使用 Spacer
視圖:
VStack {
Text("Hello World")
Spacer()
Text("Hello again!")
}
Spacer
會填滿所有可用的空間:
你可以使用 frame()
修改器來限制 Spacer
的寬度:
VStack {
Text("Hello World")
Spacer()
.frame(height: 20)
Text("Hello again!")
}