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
, aRow
, or aContainer
.
I use a layout where:
The whole page is a
Column
inside aSingleChildScrollView
At the top is a custom
Navbar
componentThen a custom
AuthGuardComponent
Followed by multiple
Row
s containing combinations ofText
,TextField
,Dropdown
,Chart
,Stack
with conditional content (aChart
or a customEmptyList
), and finally aDataTable
in aContainer
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!