如何在SwiftUI中根据网络数据改变网格的列数？

import SwiftUI

struct ContentView: View {
    @State private var columnCount = 2 // 初始列数
    
    var body: some View {
        VStack {
            // 网格布局
            LazyVGrid(columns: createColumns(), spacing: 10) {
                ForEach(0..<data.count) { index in
                    Text(data[index])
                        .frame(maxWidth: .infinity, maxHeight: .infinity)
                        .background(Color.blue)
                        .foregroundColor(.white)
                }
            }
            
            // 按钮用于改变列数
            Button(action: {
                // 在这里获取网络数据并根据数据改变列数
                // 这里使用随机数模拟网络数据的改变
                columnCount = Int.random(in: 2...4)
            }) {
                Text("改变列数")
                    .padding()
                    .background(Color.green)
                    .foregroundColor(.white)
                    .cornerRadius(10)
            }
        }
    }
    
    // 创建网格布局的列
    func createColumns() -> [GridItem] {
        var columns: [GridItem] = []
        for _ in 0..<columnCount {
            columns.append(GridItem(.flexible(), spacing: 10))
        }
        return columns
    }
    
    // 模拟的网络数据
    let data = ["Item 1", "Item 2", "Item 3", "Item 4", "Item 5", "Item 6", "Item 7", "Item 8", "Item 9", "Item 10"]
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}