我一直在苦苦思考一个不使用LazyVGrid就可以创建网格布局的解决方案，并得出了以下结论：

extension Array {
    func getElementAt(index: Int) -> Element? {
        return (index < self.endIndex) ? self[index] : nil
    }
}

struct CustomGridLayout<Element, GridCell>: View where GridCell: View {

    private var array: [Element]
    private var numberOfColumns: Int
    private var gridCell: (_ element: Element) -> GridCell
        
    init(_ array: [Element], numberOfColumns: Int, @ViewBuilder gridCell: @escaping (_ element: Element) -> GridCell) {
        self.array = array
        self.numberOfColumns = numberOfColumns
        self.gridCell = gridCell
    }
        
        var body: some View {
            Grid {
                ForEach(Array(stride(from: 0, to: self.array.count, by: self.numberOfColumns)), id: \.self) { index in
                    GridRow {
                        ForEach(0..<self.numberOfColumns, id: \.self) { j in
                            if let element = self.array.getElementAt(index: index + j) {
                                self.gridCell(element)
                            }
                        }
                    }
                }
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity)
        }
    }

在视图中使用的示例：

struct ContentView: View {
    private var array: [Int] = Array(1...7)
    
    var body: some View {
        CustomGridLayout(array, numberOfColumns: 3) { element in
            RoundedRectangle(cornerRadius: 10)
                .foregroundColor(.orange)
                .overlay(alignment: .center) {
                    Text("\(element)")
                }
        }
        .padding(.horizontal)
    }
}

您可以在以下链接中查看结果：https://i.stack.imgur.com/1o7ip.png