Elements within a row are overlapping

Widgets & Design

I have a very simple screen (or at least I think it's simple). Righ now, it's the basic layout for a desktop app, and I've inserted some dynamic data just via a ListView just to test it out.

It's simple a row that expands the entire width the screen, with multiple columns within it to serve as different action panes.

When I test the app in my browser, it appears the elements are all piling up on the left-side. The strange thing as well is that the element that is on-top of the stack isn't even the last one in left-to-right order.

When I test the app as a MacOS app, even stranger things appear.

Originally, I had an app bar, but I removed it because I found that things were hiding underneath it as well.

I've attached screenshots. The first is the layout in FlutterFlow. The second is a screenshot from the browser. The third is a screenshot of the MacOS app.

What have you tried so far?
  • I've tried recreating the layout several times

  • I've tried researching online

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