iOS platform view is flashing on top of SliverPersistentHeader #86787
Description
Steps to Reproduce
- Clone the project from https://github.com/ilayda-simsek/flutter-sliver-bug
- Run the app on an iOS device
- Scroll up and down
- Observe that the scrollable platform views in the CustomScrollView are flashing on top of the pinned SliverPersistentHeader and the SliverAppBar widgets
Expected results:
The platform view shouldn't be rendered on top of the pinned headers.
Actual results:
Platform view can be seen on top of the pinned SliverAppBar and the SliverPersistentHeader widgets as user scrolls up and down.
The behavior can be seen in the following video. In here, the SliverAppBar and the SliverPersistentHeader are pinned inside a CustomScrollView. The blue ones are iOS Platform Views. The platform view widget appears briefly on top of the SliverAppBar and the SliverPersistentHeader as user scrolls up and down.
Note: Tried on both stable and master channels. Problem was reproducible in both.
Logs
[✓] Flutter (Channel stable, 2.2.3, on macOS 11.4 20F71 darwin-arm, locale
en-TR)
• Flutter version 2.2.3 at /Users/ilaydasimsek/Development/flutter
• Framework revision f4abaa0735 (3 weeks ago), 2021-07-01 12:46:11 -0700
• Engine revision 241c87ad80
• Dart version 2.13.4
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
• Android SDK at /Users/ilaydasimsek/Library/Android/sdk
• Platform android-30, build-tools 30.0.3
• ANDROID_HOME = /Users/ilaydasimsek/Library/Android/sdk
• Java binary at: /Applications/Android
Studio.app/Contents/jre/jdk/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6916264)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 12.5, Build version 12E262
• CocoaPods version 1.10.1
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 4.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 11.0.8+10-b944.6916264)
[✓] Connected device (2 available)
• iPhone 12 (mobile) • 8EA240E9-5F42-4484-950B-758E90EFDEBF • ios
• com.apple.CoreSimulator.SimRuntime.iOS-14-5 (simulator)
• Chrome (web) • chrome • web-javascript
• Google Chrome 91.0.4472.164
• No issues found!
Metadata
Metadata
Assignees
Labels
High-priority issues at the top of the work listEmbedding Android/iOS views in Flutter appsUI glitches reported at the engine/skia or impeller rendering levelflutter/engine related. See also e: labels.Viewports, list views, slivers, etc.Found to occur in 2.2Found to occur in 2.4flutter/packages/flutter repository. See also f: labels.The issue has been confirmed reproducible and is ready to work oniOS applications specifically