所以我有這段代碼，它基本上顯示了三個相鄰的網格項，
import SwiftUI
struct ContentView: View {
let columns = [GridItem(.flexible()), GridItem(.flexible()), GridItem(.flexible())]
var body: some View {
ScrollView {
LazyVGrid(columns: columns, spacing: 20) {
Button(action: {}) {
VStack {
Image(systemName: "tray")
.font(.system(size: 40.0))
Text("Item 1")
}
}
Button(action: {}) {
VStack {
Image(systemName: "tray")
.font(.system(size: 40.0))
Text("Item 2")
}
}
Button(action: {}) {
VStack {
Image(systemName: "tray")
.font(.system(size: 40.0))
Text("Item 935835050350")
}
}
}
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
它看起來像這樣，
如您所見，文本將圖示推到頂部。我希望文本向下移動并且圖示的位置保持不變，即與相鄰的圖示對齊。我怎么做？
uj5u.com熱心網友回復：
您需要在網格專案中明確對齊，例如
struct ContentView: View {
let columns = [
GridItem(.flexible(), alignment: .top), // << this !!
GridItem(.flexible(), alignment: .top),
GridItem(.flexible(), alignment: .top)
]
...
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/373019.html
上一篇：將字串從C 轉換為Swift