我有很多卡片需要在 vGrid 中显示。但是,卡片具有动态高度,我想要做的是将列中的卡片与顶部对齐。
这是当前的设置:
let resultGridLayout = [GridItem(.adaptive(minimum: 160), spacing: 10)]
func itemsView() -> some View {
VStack {
filterButton()
.padding(.bottom)
LazyVGrid(columns: resultGridLayout, spacing: Constants.ItemsGrid.spacing) {
ForEach(MockData.resultsData, id: \.id) { result in
ProductCardView(viewModel: .init(container: viewModel.container, menuItem: result))
}
}
.padding(.horizontal, Constants.ItemsGrid.padding)
}
}
目前的布局如下:
因此,每个项目都位于其列空间的中心,而我想要发生的是让它们在每行的顶部对齐。
显然alignment
vGrid 的修饰符允许我们水平对齐(.center、.leading、.trailing 等),但是如何阻止它们在中心垂直对齐?
我假设您想对齐网格项本身,例如
let resultGridLayout = [GridItem(.adaptive(minimum: 160), spacing: 10,
alignment: .top)] // << here !!
使用 Xcode 13.3 / iOS 15.4 进行测试(在某些复制中)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)