我遇到了一個問題：我正在使用 ForEach 回圈在視圖中生成自定義視圖。我希望它們像這樣對齊（我通過在 VStack 中創建 3 個 HStack 來做到這一點）：
期望
但是我使用 ForEach，因此，我僅限于“1 Stack”。我得到這樣的東西：
問題
這是僅涉及 ScrollView 的代碼：
ScrollView(.vertical, showsIndicators: true) {
HStack{
ForEach(styles, id: \.id) { style in // styles is an array that stores ids.
MusicStyleTabView(style: style, selectedBtn: self.$selected)// This view is the "cell" in question.
}
}
}
那么如何水平對齊 VStack 呢？
uj5u.com熱心網友回復：
此代碼將解決您的問題。
struct ContentView: View {
let gridItems = Array(repeating: GridItem(.flexible(minimum: 60)), count: 2)
var body: some View {
ScrollView {
LazyVGrid(columns: gridItems) {
ForEach(styles, id: \.id) { style in
MusicStyleTabView(style: style , selectedBtn: self.$selected)
}
}
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/446775.html
下一篇：TypeScript（Nodejs錯誤）型別'字串|undefined'不能分配給型別'string'。型別“未定義”不可分配給型別“字串”