Flutterflow creating variable unwanted spaces between images

Troubleshooting

I have a scrollable row with image widgets that are set to the same size (based on the height and width% of the screen for responsiveness and device orientation), but each image widget has different sized photos going into each widget. For some reason, flutterflow is creating large empty spaces of varying degrees in between the image widgets and I cannot make them go away unless I set the image widgets to boxfit fill, which would distort the images. How do I make the spaces go away while preserving the aspect ratio of each image? The boxfit options that seem to preserve the aspect ratio are "Contain" and "Cover", but both will have large spaces between images.

Example of varying empty spaces is shown in screenshot, where there are 3 images each with different spaces between them. I want the images to be close next to each other.

What have you tried so far?

I tried every boxfit option but they will either create spaces or distort the aspect ratio. I cannot do containers because each image is differently sized and I would not be able to make the container size match the image size while also trying to make it responsive to different device screens as well as the device orientations.

Did you check FlutterFlow's Documentation for this topic?
Yes
3 replies