Issue After Upgrading to FlutterFlow v5.1.4 (Flutter 3.27.3) on Android Devices

Troubleshooting

πŸ”Ή Issue Description

After updating my project to FlutterFlow v5.1.4 (released on February 12, 2025), which runs on Flutter 3.27.3, I noticed graphic glitches appearing on a Samsung Galaxy S10+/S20 FE (real device, Android).

  • Observed behavior:

    • UI animations and certain elements flicker or show visual glitches, mainly from the navbar upwards.

    • Interestingly, these glitches do not appear when recording the screen.

    • The issue does not occur on emulators (Pixel 8), only on a physical device.



πŸ“Œ Question for the Community

If anyone else has experienced this issue after upgrading to FlutterFlow v5.1.4 (Flutter 3.27.3), have you found a way to fix it directly within FlutterFlow, without requiring manual device settings?

πŸš€ Potential solutions to explore:

  • Force OpenGL in AndroidManifest.xml

    <meta-data android:name="android.graphics.renderer" android:value="opengl" />

Any insights or suggestions from the community would be greatly appreciated! 🎯


πŸ“Œ Quick Summary
πŸ”Ή Issue: Graphic glitches on Samsung Galaxy S10+ after upgrading to FlutterFlow v5.1.4 (Flutter 3.27.3).
πŸ”Ή Behavior: UI elements flicker or show glitches, mainly from the navbar upwards.
πŸ”Ή Solution: Enable "Disable HW Overlays" in Developer Options.
πŸ”Ή Question: Is there a way to resolve this issue directly in FlutterFlow without requiring device-specific configurations?

πŸ”Έ It's important to highlight that this issue did not occur before this update.
πŸ”Έ This suggests that something has changed in the latest versions of FlutterFlow/Flutter, affecting rendering on certain Android devices.

πŸš€ Looking forward to your feedback! πŸš€

What have you tried so far?

πŸ”Ή Workaround (Temporary Fix)

After several tests, I was able to eliminate the graphic glitches by applying the following workaround directly on the device:

  1. Enable Developer Options:

    • Go to Settings > About phone > Software information > Build number (tap 7 times).

  2. In Developer Options, enable the following setting:

    • βœ… "Disable HW Overlays" (forces the GPU to handle all rendering).

    πŸŽ‰ After this change, the glitches completely disappeared.

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