Layout issues after duplicating a page: component layout crash + dynamic DataTable duplicated on scroll

Widgets & Design

Hi FlutterFlow team,

I'm experiencing multiple layout-related issues after duplicating one of my pages. These errors were not present before, but they started appearing after duplicating the page.

1. Layout crash message

When I open the duplicated page, I sometimes get this message:

β€œThe layout option you selected would have caused a Flutter layout conflict and crashed your app, so we've reverted it for you.”

This happens inconsistently β€” sometimes right after loading the page, sometimes after scrolling a bit. What's confusing is that the error message doesn't always point to the same widget:

  • Sometimes it says the issue comes from my custom Navbar component,

  • Other times, it points to different components or widgets like a Chart, a Row, or a Container.

I use a layout where:

  • The whole page is a Column inside a SingleChildScrollView

  • At the top is a custom Navbar component

  • Then a custom AuthGuardComponent

  • Followed by multiple Rows containing combinations of Text, TextField, Dropdown, Chart, Stack with conditional content (a Chart or a custom EmptyList), and finally a DataTable in a Container

I tried setting fixed heights on some parts, but the layout crash keeps coming back inconsistently.


2. DataTable duplication on scroll (runtime bug)

Another issue is that dynamic DataTable widgets get duplicated visually when I scroll through the page in Test mode. It looks like the same DataTable is rendered twice or more β€” only while scrolling.

This doesn't happen when the page first loads β€” only after scrolling, and it goes away when I refresh or stop scrolling.


These two problems did not happen on the original page before duplication. I’m wondering if duplicating the page introduced some kind of layout state corruption or widget tree instability?

Any idea how to debug or prevent this?

Thank you very much!

What have you tried so far?

Yes, I tried to make several changes (like adjusting the layout, setting fixed heights, or modifying the structure), but unfortunately every time I make a change, FlutterFlow automatically rolls it back with the message about preventing a layout crash.

So at this point, I can’t really try anything, because any update I attempt is immediately reverted by the system β€” which makes it hard to debug or test different layout options.

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