SwiftUI LazyHGrid 行居中

Question

我有一个包含 13 个项目的数组，我正在尝试构建具有两行的 LazyHGrid，第一行 7 个，第二行 6 个。第二行必须在 LazyHGrid 内居中。像这样:

我将 GridItem 的对齐方式设置为 .center，如下所示:

LazyHGrid(rows: [GridItem(.flexible()), GridItem(.flexible(), alignment: .center)], alignment: .center, spacing: 20) {
    ForEach(0..<13) { number in
        Letter(text: self.tray[number], index: number, isTop: true, onChanged: self.letterMoved, onEnded: self.letterDropped)
    }
}

但不管怎么说，我的结果是这样的:

是否可以用这种方式构建LazyHGrid？

Answer 1

通过为每个项目添加自定义偏移量解决了这个问题