UI Glitching & Flickering Issue on Some Devices in Flutter App

Question

Flutter UI Glitching and Flickering

I am facing a UI glitching/flickering issue in my Flutter application on some devices. The UI breaks, showing distorted elements, as seen in the attached image).

Details:

• Flutter Version: 3.27.1

• Dart Version: 3.6.0

• Affected Devices: Samsung and Xiaomi running Android 13+

  Issue Behavior:

• The UI flickers and shows rendering artifacts.

• It happens when scrolling or changing tabs.

• The issue is random—some devices work fine, while others don't. Has anyone encountered this issue?

Any suggestions on how to fix or debug it?

Answer 1

Try disabling Impeller by adding the following setting to your project's AndroidManifest.xml file under the <application> tag:

<meta-data
    android:name="io.flutter.embedding.android.EnableImpeller"
    android:value="false" />

Since Flutter 3.27, Impleller is the default rendering engine for Android. Disabling Impeller has helped with similar issues here and here.