SwiftUI：如何刪除 LazyVGrid 內容中的水平填充？

Question

我有以下代碼：

let gridItems = [GridItem(.adaptive(minimum: 300, maximum: 400), spacing: 10)]

ScrollView(.vertical, showsIndicators: false) {
    LazyVGrid(columns: gridItems) {
        ForEach(item) { i in
            HStack(spacing: 0) {
                Text("Testing")
                Spacer()
            }
            .border(.pink)
        }
    }
    .background(.green)
    .border(.blue)
}
.border(.red)

它畫了這個：

如何消除領先和落后的差距？ 那是從哪里來的？

Answer 1

自適應項引入寬度限制：

let gridItems = [GridItem(.adaptive(minimum: 300, maximum: 400), spacing: 10)]
                                                  ^^^^^^^^^^^^ << here !!

一般來說，內部網格間距的配置如https://stackoverflow.com/a/63027052/12299030中所述