[Impeller] weird blurring changes on scrolling with ImageFilter.blur #141510
Description
Steps to reproduce
- Run the code sample below with Impeller (default on iOS, or with
--enable-impelleron Android) - Scroll horizontally
- Image colors seem to oddly change around, especially noticeable at the screen edges
Expected results
No weird color changes in the blurred images when scrolling.
Actual results
There are some color changes in the blurred images when scrolling (see screen recording below), especially noticeable at screen edges.
Code sample
Code sample
import 'dart:ui';
import 'package:flutter/material.dart';
void main() {
runApp(const App());
}
class App extends StatelessWidget {
const App({super.key});
@override
Widget build(BuildContext context) => MaterialApp(
home: Scaffold(
body: ListView(
scrollDirection: Axis.horizontal,
children: [
for (var i = 0; i < 2; i++)
Padding(
padding: const EdgeInsets.only(right: 8.0),
child: ClipRect(
child: ImageFiltered(
imageFilter: ImageFilter.blur(
sigmaX: 20,
sigmaY: 20,
tileMode: TileMode.repeated,
),
child: Image.network(
'https://images.pexels.com/photos/7919/pexels-photo.jpg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
width:
MediaQuery.sizeOf(context).width.truncateToDouble(),
cacheWidth: MediaQuery.sizeOf(context).width.truncate(),
),
),
),
),
],
),
),
);
}Screenshots or Video
Screen recording with Impeller
impeller.mp4
Screen recording with old rendering engine
old-engine.mp4
Logs
Flutter Doctor output
Doctor output
[!] Flutter (Channel [user-branch], 3.16.7, on Void Linux 6.1.69-0-generic, locale en_US)
! Flutter version 3.16.7 on channel [user-branch] at /home/triallax/.dev-stuff/flutter
Currently on an unknown channel. Run `flutter channel` to switch to an official channel.
If that doesn't fix the issue, reinstall Flutter by following instructions at https://flutter.dev/docs/get-started/install.
! Upstream repository unknown source is not a standard remote.
Set environment variable "FLUTTER_GIT_URL" to unknown source to dismiss this error.
• Framework revision ef1af02aea (2 days ago), 2024-01-11 15:19:26 -0600
• Engine revision 4a585b7929
• Dart version 3.2.4
• DevTools version 2.28.5
• 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 33.0.1)
• Android SDK at /home/triallax/.dev-stuff/android-sdk
• Platform android-33, build-tools 33.0.1
• ANDROID_HOME = /home/triallax/.dev-stuff/android-sdk
• Java binary at: /usr/lib/jvm/default-jdk/bin/java
• Java version OpenJDK Runtime Environment (build 17.0.10+6-void-r1)
• All Android licenses accepted.
[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)
! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[✓] Linux toolchain - develop for Linux desktop
• clang version 15.0.7
• cmake version 3.27.6
• ninja version 1.11.1
• pkg-config version 0.29.2
[!] Android Studio (not installed)
• Android Studio not found; download from https://developer.android.com/studio/index.html
(or visit https://flutter.dev/docs/get-started/install/linux#android-setup for detailed instructions).
[✓] Connected device (2 available)
• Pixel 7a (mobile) • 38231JEHN07112 • android-arm64 • Android 14 (API 34)
• Linux (desktop) • linux • linux-x64 • Void Linux 6.1.69-0-generic
[✓] Network resources
• All expected network resources are available.
! Doctor found issues in 3 categories.The device I've reproduced this issue on is a Pixel 7a, though I've received reports of a seemingly identical issue happening on iPhones as well.