Flutter Another exception was thrown: RenderBox was not laid out: RenderRepaintBoundary#a2797 relayoutBoundary=up16 NEEDS-PAINT

Question

I am working on Listview converting GridView but not showing Grid and get this error. I also try to wrap Expanded in GridView.builder

 child: GridView.builder(
                  gridDelegate:
                      const SliverGridDelegateWithFixedCrossAxisCount(
                    crossAxisCount: 2,
                  ),
                  itemBuilder: (context, index) {
                    final item = catalog.items![index];
                    return Card(
         
                      child: GridTile(
                        header: Container(
                          child: Text(
                            item.name,
                            style: TextStyle(color: Colors.white),
                          ),
                          padding: EdgeInsets.all(12),
                          decoration:
                              BoxDecoration(color: Colors.deepPurple),
                        ),
                        child: Image.network(item.image),
                        footer: Container(
                          child: Text(
                            item.price.toString(),
                            style: TextStyle(
                              color: Colors.white,
                            ),
                          ),
                        ),
                      ),
                    );
                  },
                ) 

Answer 1

Adding item count length through get data

child: GridView.builder(
              gridDelegate:
                  const SliverGridDelegateWithFixedCrossAxisCount(
                crossAxisCount: 2,
              ),
              itemCount: catalog.items!.length, //Adding This to Solved
              itemBuilder: (context, index) {
                final item = catalog.items![index];
                return Card(
     
                  child: GridTile(
                    header: Container(
                      child: Text(
                        item.name,
                        style: TextStyle(color: Colors.white),
                      ),
                      padding: EdgeInsets.all(12),
                      decoration:
                          BoxDecoration(color: Colors.deepPurple),
                    ),
                    child: Image.network(item.image),
                    footer: Container(
                      child: Text(
                        item.price.toString(),
                        style: TextStyle(
                          color: Colors.white,
                        ),
                      ),
                    ),
                  ),
                );
              },
            )