Can we access your project?
Current Behavior
In the FlutterFlow editor, a layout containing multiple nested Row widgets is not rendered correctly.
The affected structure is similar to the following:
Column
└── Row
├── Row
│ ├── Text
│ ├── VerticalDivider
│ └── Text
└── Row
├── DropDown
└── Container
└── Blur
└── Icon
When this layout is used, both nested Row widgets fail to render correctly in the editor preview. Instead, the area where these widgets should appear becomes gray, making the editor preview unusable.
However, when the project is executed using Local Run, the UI is displayed correctly and behaves as expected.
This issue appears to affect only the FlutterFlow editor preview, not the generated Flutter application.
Expected Behavior
The FlutterFlow editor should render the widget tree exactly as it appears during Local Run.
Both nested Row widgets and all of their child widgets (Text, VerticalDivider, DropDown, Container, Blur, Icon, etc.) should be displayed correctly in the editor without turning gray or disappearing.
Steps to Reproduce
Yes
Steps to reproduce
Create a blank page.
Add a Column.
Add a parent Row.
Inside the parent Row, add two child Row widgets.
Configure the first Row with:
Text
VerticalDivider
Text
Configure the second Row with:
DropDown
Container
Blur
Icon
Return to the editor.
Result
The nested Row widgets are no longer rendered correctly in the editor. The affected area becomes gray and the widgets are not displayed.
Expected
The editor should display the same layout that appears correctly in Local Run.
Reproducible from Blank
Bug Report Code (Required)
IT4Kz8rlx412rtxE7aX6bu9VmmQsJjs4a5IolutEWRcjB5CrG7l/S8+kfhNuXbC0Smx+JGCKnj0x7vvemvPpGMIrBwuWUaZzwpNUezmVcHilVJDSOpaCem5/DZtPfVyP4bazrwklVclhLVJg3Tu1NueidBDaGb62PjAzOfmbLZCK2SrDX1iXc2URm05KZDPz
Visual documentation
Environment
- FlutterFlow version: 7.0.9
- Platform: iOS MacOS Desktop Web
- Browser name and version: Chrome 149.0.7827.55
- Operating system and version affected: macOS Tahoe 26.2
Additional Information
No response
Can we access your project?
Current Behavior
In the FlutterFlow editor, a layout containing multiple nested Row widgets is not rendered correctly.
The affected structure is similar to the following:
Column
└── Row
├── Row
│ ├── Text
│ ├── VerticalDivider
│ └── Text
└── Row
├── DropDown
└── Container
└── Blur
└── Icon
When this layout is used, both nested Row widgets fail to render correctly in the editor preview. Instead, the area where these widgets should appear becomes gray, making the editor preview unusable.
However, when the project is executed using Local Run, the UI is displayed correctly and behaves as expected.
This issue appears to affect only the FlutterFlow editor preview, not the generated Flutter application.
Expected Behavior
The FlutterFlow editor should render the widget tree exactly as it appears during Local Run.
Both nested Row widgets and all of their child widgets (Text, VerticalDivider, DropDown, Container, Blur, Icon, etc.) should be displayed correctly in the editor without turning gray or disappearing.
Steps to Reproduce
Yes
Steps to reproduce
Create a blank page.
Add a Column.
Add a parent Row.
Inside the parent Row, add two child Row widgets.
Configure the first Row with:
Text
VerticalDivider
Text
Configure the second Row with:
DropDown
Container
Blur
Icon
Return to the editor.
Result
The nested Row widgets are no longer rendered correctly in the editor. The affected area becomes gray and the widgets are not displayed.
Expected
The editor should display the same layout that appears correctly in Local Run.
Reproducible from Blank
Bug Report Code (Required)
IT4Kz8rlx412rtxE7aX6bu9VmmQsJjs4a5IolutEWRcjB5CrG7l/S8+kfhNuXbC0Smx+JGCKnj0x7vvemvPpGMIrBwuWUaZzwpNUezmVcHilVJDSOpaCem5/DZtPfVyP4bazrwklVclhLVJg3Tu1NueidBDaGb62PjAzOfmbLZCK2SrDX1iXc2URm05KZDPz
Visual documentation
Environment
Additional Information
No response