How do I get rid of my overflow and align text in a list?

I'm slowly losing my will to live after trying to figure out why I have overflow issues while trying to align text in a list. I've been consulting this, but none of the fixes seemed to do the trick.

I my layout consist of the following:

I have a list and inside the list I have a container. The container has a fixed hight, but no width (I've also tried with no fixed height and let the children control the height, but it didn't change my overflow issue.)

Inside the container I have a row. It's set to:

  • non-scrollable

  • main axis size: maximum

  • main axis alignment: start

  • cross axis alignment: centre

Inside the row I have 3 items, a stack and 3 text fields. Each having various padding. I wanted to make the text in each line item align, however I can only do that by wrapping each text in a container, is that the way to do this?

I still however can't figure out where my overflow comes from?

1
3 replies