GridView component of swiftui 4 new features (tutorial includes source code)

SwiftUI 4 A new one called Gridview New container view for .AGrid Is a container view , It provides us with a two-dimensional layout by arranging its child views into rows and columns .

Grid We create the layout by using collection initialization GridRows. Let's create an example to better understand ：

struct ContentView: View { 
    var body: some View { 
        VStack { 
           Grid { 
                GridRow { 
                    Label("OpenSwiftUI", systemImage: "heart") 
                    Label("iOS Development", systemImage: "graduationcap") 
                } 
            }
             .font(.title3) 
        } 
        .padding() 
    } 
}

We can add more grid rows like this ：

struct ContentView: View { 
    var body: some View { 
        VStack { 
            Grid { 
                GridRow { 
                    Label("OpenSwiftUI", systemImage: "heart") 
                    Label("iOS Development", systemImage: "graduationcap") 
                } 
               GridRow { 
                    Label("SwiftUI" , systemI