"UI Rendering Issue" or "UI Layout Issue" in test mode

[cesarcostar]

Can we access your project?

• [X] I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

I'm working with FlutterFlow models, and the UI elements are not displaying correctly during test mode. Some widgets and text appear to be missing or are not rendered as designed.

Expected Behavior

All UI elements from the FlutterFlow models should display as designed in the editor, with all text, buttons, and icons appearing in their correct positions and layout.

Steps to Reproduce

test mode

Reproducible from Blank

• [X] The steps to reproduce above start from a blank project.

Bug Report Code (Required)

ITFflcn15ZVgoctH176IKcBWpCIWQmUcTLkvjuphcz8YGIztBJh/PMjOQFJpXczgY1NhHFmb/WAC0PTLiM7pF/U7AymZY75xzLhcSjuWRXq8RpDQPpOSY2pAFplnIWK4y8GFvBZCFNRvLF4O2F+PfOmvXgjsN5O/Zwh9f6PHaOI=

Visual documentation

Environment

FlutterFlow version: v5.0.0+ (released September 24, 2024)
Platform: Production
Browser name and version: Chrome 129.0.6668.71 (64-bit)
Operating system and version affected: Windows 10 Home Single Language, Version 22H2, Build 19045.4894

Additional Information

No response

[Alezanello]

Hello!

This issue typically occurs when your app has multiple languages, but not all content has been translated yet. You might also notice this behavior inside the project if your computer's language settings differ from the default language of your app.

For example, in your project where both English and Portuguese are available: if you've built everything in English but your computer is set to Portuguese, when you open Test Mode, it will default to Portuguese. Since the content hasn't been translated, it may appear blank until you add the translations in Settings -> Languages.


How to check it in your project without going to test:

[cesarcostar]

10x mate :)