Aligning Container Heights Within a Row in FlutterFlow

Widgets & Design

Hello FlutterFlow Community,

I'm designing a layout with a Row that includes two Containers, each containing a Column. The height of the first container is automatically adjusted based on its children (inside the Column). I need the second container (which also contains a Column) to match the height of the first container so that both containers fill the same vertical space within the Row.

Here's a more detailed layout description:

  • Row Widget

    • Container 1 (with Column inside): Height is determined by the children of the Column.

    • Container 2 (with Column inside): I need this container's height to dynamically adjust to match the height of Container 1.

Could anyone suggest how to configure the properties of Container 2 so its height aligns with Container 1, thereby maintaining a uniform appearance for the row? Example code snippets or property settings in FlutterFlow would be highly beneficial.

Thank you for your assistance!

What have you tried so far?

The issue is at the moment the parent has unbound height, so if I set container 2 to fill it crashes.

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