ImageFilter jerky scrolling behavior on IOS #144213
Description
Steps to reproduce
- run code sample on ios device/simulator
- scroll
Expected results
normall scrolling
Actual results
jerky scroll
Code sample
Code sample
import 'dart:ui';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: MyHomePage(title: 'Scrolling ios blur 3.19.1'),
);
}
}
class MyHomePage extends StatelessWidget {
const MyHomePage({
super.key,
required this.title,
});
final String title;
@override
Widget build(BuildContext context) {
return Scaffold(
extendBody: true,
extendBodyBehindAppBar: true,
appBar: AppBar(
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
title: Text(title),
),
body: ListView.separated(
itemCount: 20,
itemBuilder: (_, i) => ClipRect(
child: ImageFiltered(
imageFilter: ImageFilter.blur(sigmaX: 25, sigmaY: 25),
child: Image.network(
'https://cdn.pixabay.com/photo/2018/03/31/19/29/schnitzel-3279045_1280.jpg',
height: 200,
fit: BoxFit.cover,
),
),
),
separatorBuilder: (_, __) => const SizedBox(height: 80),
),
);
}
}Screenshots or Video
without clipping
2024-02-27.11.37.28.mov
with clipping
2024-02-27.11.38.06.mov
Logs
Logs
[Paste your logs here]Flutter Doctor output
Doctor output
[✓] Flutter (Channel stable, 3.19.1, on macOS 14.0 23A344 darwin-arm64, locale ru-RU)
• Flutter version 3.19.1 on channel stable at /Users/vlad/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision abb292a07e (6 дней назад), 2024-02-20 14:35:05 -0800
• Engine revision 04817c99c9
• Dart version 3.3.0
• DevTools version 2.31.1
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0-rc3)
• Android SDK at /Users/vlad/Library/Android/sdk
• Platform android-34, build-tools 34.0.0-rc3
• Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b802.4-9586694)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 15.2)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 15C500b
• CocoaPods version 1.14.2
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 2022.2)
• 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 17.0.6+0-17.0.6b802.4-9586694)
[✓] Android Studio (version 2021.2)
• Android Studio at /Applications/Android Studio 2.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 11.0.12+0-b1504.28-7817840)
[✓] Connected device (4 available)
• iPhone (Vladislav) (mobile) • 00008101-000550840EE2001E • ios • iOS 17.3.1 21D61
• iPhone 15 Pro Max (mobile) • 7B2109E5-68D8-4D3B-A77B-D1E2F1A30AA8 • ios • com.apple.CoreSimulator.SimRuntime.iOS-17-0
(simulator)
• macOS (desktop) • macos • darwin-arm64 • macOS 14.0 23A344 darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 122.0.6261.69
[✓] Network resources
• All expected network resources are available.
• No issues found!
Metadata
Metadata
Assignees
Labels
High-priority issues at the top of the work listIt was better in the past than it is nowUI glitches reported at the engine/skia or impeller rendering levelImpeller rendering backend issues and features requestsflutter/engine related. See also e: labels.Found to occur in 3.19Found to occur in 3.20The issue has been confirmed reproducible and is ready to work oniOS applications specificallyOwned by Engine team