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?

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?

• android
• flutter
• mobile
• samsung-mobile

2 Answers 2

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.

First check the flutter version of your app if there is higher then 3.24.5 then just downgrade the flutter version to 3.24.5