Struggling with dynamic hight for my Container layout

Widgets & Design

I'm trying to put my layout from Figma to FlutterFlow

Here I have a "Frame 15" which Hugs the hight of the contents inside. Inside there is a block "Contents" which contains all the text and its hight is set to Hug, and a "Divider" which hight is set to Fill, filling all the hight created by the block "Contents". It has this specific structure because the Discipline can go in more the 1 line and the hight of the "Divider" should fill this new space.

When I try to recreate this in FlutterFlow here's what I make:
A container without setting specific hight because it's hight will change depending on how many lines text field "Discipline" has

A row, which contains the "Divider" and the "Contents" block

A column "Contents" which dynamically changes it's hight depending on how many line the text field "Discipline" has

And the container "Divider" (here it's set to fixed hight of 50px)

But when I try to make it infinite hight, it doesn't follow the constraint of the column "Contents" but fills the main parent Container

And when I try to use this component "Pair" on my pages (all above was on component page) it causes a "breaking crash"

Any Ideas how I can implement the exact same principles from Figma, when the "Divider" gets the same hight as the block "Contents"?

What have you tried so far?

I have tried using Divider widget instead of a Container widget, but it works the same, and moreover you can't make round edges for the Divider widget, which is important for the UI

Did you check FlutterFlow's Documentation for this topic?
No
1