letsar / flutter_staggered_grid_view

A Flutter staggered grid view
MIT License
3.12k stars 508 forks source link

How to get every row in a vertical grid to be the height of the tallest row in the grid? #352

Open paulhwangfti opened 1 month ago

paulhwangfti commented 1 month ago

Is it possible with this package for the height of a row within the grid view to depend on the height of the tallest row in the gridview? For example, say in the picture below that the tallest row in the grid is the red row, would there be a way to render both green and orange row to be the same height? image

The closest solution I was able to encounter was the Aligned grid but that ensures that all the children within a row are the same height, not each row within the grid itself.

I'm aware that this is possible with the default GridView widget in Flutter with the childAspectRatio and/or mainAxisExtent but the issue is that the content of each child is dynamic and could result in overflow (i.e: if the content underneath the circle is too long or the user sets their font size in their phone settings to be huge)

Any help and insight would be helpful :)