azamsharp

var columns: [GridItem] = [
        GridItem(.flexible()),
    ]

azamsharp

 var columns: [GridItem] = [
      
        GridItem(.fixed(200)),
        GridItem(.fixed(200)),
        GridItem(.fixed(200))

    ]

azamsharp

 var columns: [GridItem] = [
      
        GridItem(.fixed(200)),
        GridItem(.fixed(100)),
        GridItem(.fixed(100))

    ]

azamsharp

 NavigationView {
            
            ScrollView {
            LazyVGrid(columns: columns) {
               
                ForEach(1..<20) { _ in
                    Rectangle()
                        .fill(Color.red)
                        .aspectRatio(contentMode: .fit)
                }

azamsharp

 NavigationView {
            
            LazyVGrid(columns: columns) {
               
                Rectangle()
                    .fill(Color.red)
                    .aspectRatio(contentMode: .fit)
                
                Rectangle()
                    .fill(Color.red)

azamsharp

 var columns: [GridItem] = [
      
        GridItem(.fixed(100)),
        GridItem(.fixed(100)),
        GridItem(.fixed(100))

    ]

azamsharp

struct CounterView: View {
    
    @StateObject var counter = Counter()
    
    var body: some View {
        VStack {
            Text("\(counter.value)")
            Button("Increment Counter") {
                counter.value += 1
            }

azamsharp

struct ContentView: View {
    
    @State private var count: Int = 0
    
    var body: some View {
        VStack {
            Text("\(count)")
            Button("INCREMENT") {
                count += 1
            }

azamsharp

struct ContentView: View {
    
    var body: some View {
        VStack {
            CounterView()
        }
    }
}

azamsharp

struct CounterView: View {
    
    @ObservedObject var counter = Counter()
    
    var body: some View {
        VStack {
            Text("\(counter.value)")
            Button("Increment Counter") {
                counter.value = counter.value + 1
            }