Начало сетки снизу слева

Вы можете попробовать этот подход, меняя местами числа с шагом 4, как показано на рисунке. пример кода:

struct ContentView: View {
    var body: some View {
        LevelOverviewView()
    }
}

struct GridCell: Identifiable {
    let id = UUID()
    var value: Int
}


struct LevelOverviewView: View {
    @State private var gridCell: [GridCell] = []
    let numberOfLevels = 100
    let step = 4 // <--- here, adjust as desired
    
    var body: some View {
        ScrollView {
            LazyVGrid(columns: Array(repeating: GridItem(.fixed(70)), count: step)) {
                ForEach(gridCell) { cell in
                    ZStack {
                        Rectangle()
                            .fill(cell.value % 2 == 0 ? .black : .white)
                            .aspectRatio(1.0, contentMode: .fit)
                        Text("\(cell.value)")
                            .foregroundStyle(cell.value % 2 == 1 ? .black : .white)
                    }
                }
            }
        }
        .background(.red)
        .onAppear {
            gridCell = (1...numberOfLevels).map{ GridCell(value: $0) }.reversed()
            
            // --- here
            for i in stride(from: 0, to: gridCell.count, by: step) {
                let endIndex = min(i + step, gridCell.count)
                gridCell[i..<endIndex].reverse()
            }
        }
    }
}