FlutterFlow - Sizing Child Container Relative to Parent Container

Hello FlutterFlow Community,

I'm facing a challenge with container sizing in FlutterFlow and seeking your expertise.

Scenario:

  • I have a Parent Container set to 50% height and width of the screen.

  • Inside it, I placed a Child Container. My goal is for the Child Container to be 50% of the Parent's width and 100% of its height.

Issue:

  • The Child Container isn't sizing correctly. Regardless of the percentages I set, it occupies the entire space of the Parent Container.

  • I tried inserting both a Column and a Row for the Child Container, but each has its own problem:

    • With a Row, the height aligns with the Parent, but the width does not.

    • With a Column, the width aligns, but the height does not.

Question: How can I correctly set the Child Container's size to be proportional to the Parent Container's size in FlutterFlow? Are there specific constructors or properties I should use?

Attached is a screenshot illustrating my setup. Any advice or suggestions would be greatly appreciated!

Thank you in advance!

5
4 replies