Two spaced-between text elements in one line until they don't fit

Widgets & Design

Hi all,

I've been trying to get the following behaviour in terms of layout. I want to have 2 text elements in the same line.
- If the text in both of them is short, then the element on the left should be aligned to the left, and the one on the right aligned to the right.
- If the text elements don't fit in one line (element on the left could be of any length), then they should simply break into another line, ideally keeping the second element aligned to the right.

Thank you for the help!

What have you tried so far?

I've tried using rows, wraps and flex elements with no success. I either get the behaviour on the picture, or they break into different lines.

Did you check FlutterFlow's Documentation for this topic?

3 replies