💬
Get Help
AD
Arno Doucet

Container background color (#14181b) fails to render in Test Mode & on Android A16

Widgets & Design

  • Platform/Environment: The issue is present in Test Mode (Web) and on specific Android devices (e.g., Samsung A16). Note that this issue does not occur on all devices; for example, a Samsung S24 renders the design correctly.

  • The Bug: I have manually assigned the background color #14181b to my containers. However, the engine frequently ignores this in Test Mode and on the A16, causing the container to become transparent or incorrectly rendered. This forces the Box Shadow (neon glow) to bleed into the inside of the container instead of rendering externally.

  • Inconsistency: The bug is unpredictable; identical widget configurations render correctly on some devices (like the S24) but fail in Test Mode and on other Android devices.

  • Verification: This is not a configuration error. I do not use global Widget Themes that could override my manual settings. The issue remains even when attempting workarounds like Stack or Card widgets.

This inconsistency makes it impossible to maintain a reliable UI across the targeted platforms. As this issue manifests in Test Mode, it points to a fundamental bug in the underlying FlutterFlow rendering engine.

What have you tried so far?

  • Add a Container widget to a page.

  • Set the Fill Color manually to #14181b (100% opacity).

  • Run the project in Test Mode or on a physical Android device (e.g., Samsung A16).

  • Observe that the container fails to apply the designated color, resulting in an incorrect or transparent background.

    I have tried replacing the Container with a Card widget and setting manual hex values, but the rendering remains inconsistent.

Did you check FlutterFlow's Documentation for this topic?
No
4
5 replies