UI Flickering and Line Artifacts in Flutter 3.29.1 on Android 15

[NesanSelvan]

Steps to reproduce

• Set up a Flutter project using Flutter 3.29.1.
• Build app in Android 15

Expected results

The app should render the UI without any flickering.

Actual results

• The app flickers and shows random lines on the screen only when running on Android 15 with Impeller enabled in Flutter 3.29.1.
• This issue is caused by the ImageFiltered widget.
• The problem does not occur when Impeller is disabled.

Code sample

Code sample

ClipRect(
                    child: ImageFiltered(
                        imageFilter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
                        child: ShaderMask(
                          shaderCallback: (rect) {
                            return LinearGradient(
                                begin: Alignment.topCenter,
                                end: Alignment.bottomCenter,
                                colors: [
                                  Colors.transparent.withValues(alpha: 1),
                                  Colors.transparent.withValues(alpha: .8),
                                  Colors.transparent.withValues(alpha: .6),
                                  Colors.transparent.withValues(alpha: .3),
                                  Colors.transparent.withValues(alpha: .1),
                                  Colors.transparent,
                                ],
                                stops: const [
                                  0.33,
                                  0.35,
                                  0.38,
                                  0.41,
                                  0.45,
                                  0.50
                                ]).createShader(rect);
                          },
                          blendMode: BlendMode.dstOut,
                          child: NutritionImageWidget(
                            imageUrl: widget.imageUrl ,

                          ),
                        )),
                  ),

Screenshots or Video

Screenshots / Video demonstration

[Upload media

When impeller is enabled:

WhatsApp.Video.2025-03-26.at.18.31.58.mp4

when impellar is disabled

WhatsApp.Video.2025-03-26.at.18.31.24.mp4

Logs

Logs

[Paste your logs here]

Flutter Doctor output

Doctor output

flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.29.1, on macOS 15.3.2 24D81 darwin-arm64, locale en-US)
[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 16.2)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2024.2)
[✓] VS Code (version 1.96.4)
[✓] Connected device (6 available)
[✓] Network resources

• No issues found!

[maheshj01]

Hello @NesanSelvan, Thanks for filing the issue. The code sample shared isn't sufficient enough to reproduce the Flickering. I tried the below code sample and it seems to work fine. Also does the flickering on a specific device, please share the device details

code sample

import 'dart:ui';

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);
  final String title;
  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  void _incrementCounter() {}

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ClipRect(
              child: ImageFiltered(
                  imageFilter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
                  child: ShaderMask(
                    shaderCallback: (rect) {
                      return LinearGradient(
                          begin: Alignment.topCenter,
                          end: Alignment.bottomCenter,
                          colors: [
                            Colors.transparent.withValues(alpha: 1),
                            Colors.transparent.withValues(alpha: .8),
                            Colors.transparent.withValues(alpha: .6),
                            Colors.transparent.withValues(alpha: .3),
                            Colors.transparent.withValues(alpha: .1),
                            Colors.transparent,
                          ],
                          stops: const [
                            0.33,
                            0.35,
                            0.38,
                            0.41,
                            0.45,
                            0.50
                          ]).createShader(rect);
                    },
                    blendMode: BlendMode.dstOut,
                    child: Image.network(
                      'https://storage.googleapis.com/cms-storage-bucket/65361d7e1dfa118aa63b.png',
                      width: 200,
                      height: 200,
                    ),
                  )),
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ),
    );
  }
}

flutter doctor -v

[!] Flutter (Channel stable, 3.29.2, on macOS 15.1.1 24B2091 darwin-arm64, locale en-US) [917ms]
    • Flutter version 3.29.2 on channel stable at /Users/mahesh/Development/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision c236373904 (13 days ago), 2025-03-13 16:17:06 -0400
    • Engine revision 18b71d647a
    • Dart version 3.7.2
    • DevTools version 2.42.3
    • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and
      upgrades.

[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0) [4.0s]
    • Android SDK at /Users/mahesh/Library/Android/sdk
    • Platform android-35, build-tools 35.0.0
    • ANDROID_HOME = /Users/mahesh/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
      This is the JDK bundled with the latest Android Studio installation on this machine.
      To manually set the JDK path, use: `flutter config --jdk-dir="path/to/jdk"`.
    • Java version OpenJDK Runtime Environment (build 21.0.5+-12932927-b750.29)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 16.0) [2.4s]
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 16A242d
    • CocoaPods version 1.16.2

[✓] Chrome - develop for the web [142ms]
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2024.3) [142ms]
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 21.0.5+-12932927-b750.29)

[✓] IntelliJ IDEA Community Edition (version 2021.2.1) [140ms]
    • IntelliJ at /Applications/IntelliJ IDEA CE.app
    • Flutter plugin version 61.2.4
    • Dart plugin version 212.5080.8

[✓] VS Code (version 1.96.2) [20ms]
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.102.0

[✓] Connected device (5 available) [7.0s]
    • Pixel 7 (mobile)                • 33270DLH20012A                       • android-arm64  • Android 15 (API 35)
    • iPad Pro 11-inch (M4) (mobile)  • A97192B5-5CFD-4164-BF2A-A6E2972614FF • ios            • com.apple.CoreSimulator.SimRuntime.iOS-18-0
      (simulator)
    • macOS (desktop)                 • macos                                • darwin-arm64   • macOS 15.1.1 24B2091 darwin-arm64
    • Mac Designed for iPad (desktop) • mac-designed-for-ipad                • darwin         • macOS 15.1.1 24B2091 darwin-arm64
    • Chrome (web)                    • chrome                               • web-javascript • Google Chrome 131.0.6778.265

[✓] Network resources [471ms]
    • All expected network resources are available.

! Doctor found issues in 1 category.

[NesanSelvan]

Hello @maheshj01,

Apologies for not providing the full code earlier. I have now shared my GitHub repository with the relevant details: https://github.com/NesanSelvan/flickering-issue.git

Additionally, the issue seems to occur on my Moto G34, running Android 15. Please let me know if you need any more details.

Video link:

WhatsApp.Video.2025-03-27.at.12.43.51.mp4

To replicate the issue, please run the repo on Flutter 3.29.1. The flickering occurs when navigating to the specific screen. This issue appears to be related to the use of BackdropFilter.

Thank you for your help!

[Gabianne01]

Also affected by this issue — not limited to Android 15.

My setup:

• Flutter 3.27.3
• Android 14
• Impeller enabled by default

Issue:
Blur effects (ImageFiltered, BackdropFilter, blur package) flicker on interaction or screen transitions, starting at sigma = 4. Happens even with static content.

Workaround:
Disabling Impeller via manifest completely resolves it:

Additional note:

Interestingly, the flickering disappears entirely at sigma >= 22. This suggests that Impeller may be handling high blur radii differently — possibly by flattening the blur layer or applying an alternative rendering path.

So, the flickering only occurs within a specific sigma range (4 <= sigma < 22), which is where most realistic UI blur effects live. It's also misleading — the bug appears gone at high sigma, but that behavior is unreliable and not viable for actual product UI.

Hope this helps narrow down what's happening in the rendering pipeline.

[maheshj01]

@NesanSelvan Thanks for the code sample. I am unable to reproduce it on my end. Can you try either or both of the following

• Upgrade flutter to stable 3.29.2
• Try disabling impeller

Screen.Recording.2025-03-27.at.16.23.14.mov

flutter doctor -v

stable

[✓] Flutter (Channel stable, 3.29.2, on macOS 15.1.1 24B2091 darwin-arm64, locale en-US) [822ms]
    • Flutter version 3.29.2 on channel stable at /Users/mahesh/Development/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision c236373904 (2 weeks ago), 2025-03-13 16:17:06 -0400
    • Engine revision 18b71d647a
    • Dart version 3.7.2
    • DevTools version 2.42.3
[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0) [3.2s]
    • Android SDK at /Users/mahesh/Library/Android/sdk
    • Platform android-35, build-tools 35.0.0
    • ANDROID_HOME = /Users/mahesh/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
      This is the JDK bundled with the latest Android Studio installation on this machine.
      To manually set the JDK path, use: `flutter config --jdk-dir="path/to/jdk"`.
    • Java version OpenJDK Runtime Environment (build 21.0.5+-12932927-b750.29)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 16.0) [3.1s]
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 16A242d
    • CocoaPods version 1.16.2

[✓] Chrome - develop for the web [136ms]
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2024.3) [135ms]
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 21.0.5+-12932927-b750.29)

[✓] IntelliJ IDEA Community Edition (version 2021.2.1) [134ms]
    • IntelliJ at /Applications/IntelliJ IDEA CE.app
    • Flutter plugin version 61.2.4
    • Dart plugin version 212.5080.8

[✓] VS Code (version 1.96.2) [18ms]
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.102.0

[✓] Connected device (4 available) [6.7s]
    • iPad Pro 11-inch (M4) (mobile)  • A97192B5-5CFD-4164-BF2A-A6E2972614FF • ios            • com.apple.CoreSimulator.SimRuntime.iOS-18-0
      (simulator)
    • macOS (desktop)                 • macos                                • darwin-arm64   • macOS 15.1.1 24B2091 darwin-arm64
    • Mac Designed for iPad (desktop) • mac-designed-for-ipad                • darwin         • macOS 15.1.1 24B2091 darwin-arm64
    • Chrome (web)                    • chrome                               • web-javascript • Google Chrome 131.0.6778.265

[✓] Network resources [294ms]
    • All expected network resources are available.

! Doctor found issues in 1 category.

[NesanSelvan]

@maheshj01 @Gabianne01 Thanks! I solved the issue by disabling Impeller.

[maheshj01]

Thanks for the update. Closing as solved

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.