Flutter: How to fix “A RenderFlex overflowed by pixels ” error?

Question

I am using GridView in my Flutter app to display images and their titles. Please check the below code.

import \'package:flutter/mat         


        

Answer 1

try to use Expanded instead of Container in _buildImageBoxes() function

  Widget _buildImageBoxes() {
    return Column(
      children: [
        Expanded(
          child: Image.network("https://picsum.photos/500/500/?random"),
        ),
        Container(
          padding: EdgeInsets.all(10),
          child: Text("Text"),
        )
      ],
    );
  }