Adjust GridView child height according to the dynamic content in flutter

[Vipul Asri]

How to implement this complex view in the flutter?

I am trying to implement a GridView with n columns and the child should be of a certain aspect ratio(say 1.3) but the height of the child should be (wrap content in Android terminology).

I am stuck because as fas I understand GridView's childAspectRatio:1.3 (default:1) always lays out the child in same aspect ratio but not dynamic content.

Note: Child should expand its height according to the image's height

Use case: I am trying to implement a view like below, in which image is wrapped soheight = wrap content that in case an image with stretched height can look good and form a StaggeredGridView like structure.

---

dart - Adjust GridView child height according to the dynamic ...

[Dario Ielardi]

I guess something like this can help.

https://github.com/letsar/flutter_staggered_grid_view

--
You received this message because you are subscribed to the Google Groups "Flutter Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Dario Ielardi

[Vipul Asri]

Already tried this library. It requires the count to be known before which is not possible in my case. You can also see the reply of Library Author on SO answer: https://stackoverflow.com/a/49838868/3140227

[Ian Hickson]

Can you elaborate on what effect you are trying to get? I'm confused by your description since you say you want a fixed aspect ratio with different height, but the picture you show has all the items having the same width. Items can't have the same width and aspect ratio but different heights, nor can they have the same aspect ratio and different heights but the same widths.

--

--
Ian Hickson

😸

[Vipul Asri]

Okay, in simple terms I want to have a grid/staggered view with a variable height that will change according to the height of the content(inc. image height and text) 

[Kris Giesing]

Based on your latest description and the screenshot, would it be fair to say you want to have a staggered grid where each element is a constant width, but variable height, such that the element preserves the natural aspect ratio of the element's child?

To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev+unsubscribe@googlegroups.com.

[Vipul Asri]

Yes, that is what I want to implement. The image is loaded from network/cache and element's child should display the image preserving the image's aspect ratio.