Flutter is notoriously horrible when it comes to UI Layout and it's extremely limited and primitive compared to iOS. I'm aware that I must have done something really stupid and wrong and was hoping someone could help guide me here.
I want a column, in that column I want a text, image, text, and then a carousel to take up the rest of the space. I know flutter has issues with the idea of "take up the rest of the space with this widget" especially when that widget is in between two other widgets. But I haven't put anything underneath the carousel so it shouldn't have issues since it's just a straightforward linear layout.
Column: main axis set to start, cross axis set to stretch has a bottom padding of 82
Column: main axis set to start, cross axis set to center
Both Text are sitting at their default configuration apart from text and font
Image set to Asset and should be size of the image itself
Carousel: Height 100%, width: inf. Also tried this setting height to 500 — it didn't help
Carousel Page
- Container: Height 100%, width: inf. Also tried setting height to 500 along with the Carousel — it didn't help
- Column: main axis set to start, cross axis set to Stretch
- Both Text sitting at their default configuration apart form text and font
- Image set to Asset and should be the size of the image itself
Why is the carousel page at the bottom of the screen when the column's main axis is start?
There is nothing in between the column and carousel to make it have this giant gap, even if I remove the column with text and image widgets it still does this.
If I replace the Carousel with just a Container the Container extends past the height of the screen instead of taking up the rest of the space.
(Please note that I am not asking what "Overflow" means, the overflow shouldn't exist because everything will fit if the layout was working correctly)
Replacing the carousel with a container:
If I remove the carousel and replace it with a column in the container then I don't even get the same thing I see in FlutterFlow 🙃
