StaggeredGrid breaks Material.clip within ListView when scrolling
eEQK opened this issue · comments
Using a ListView that contains both StaggeredGrid and a Material breaks rendering of the latter.
Material has to have a combination of:
- clipBehavior set to Clip.hardEdge
- RoundedRectangleBorder with circular radius and some side (radius, color and width don't matter)
Once you have this setup, simply try scrolling.
Happens only on iOS (both simulator and real device).
$ flutter --version
Flutter 3.3.5 • channel stable • https://github.com/flutter/flutter.git
Framework • revision d9111f6402 (6 days ago) • 2022-10-19 12:27:13 -0700
Engine • revision 3ad69d7be3
Tools • Dart 2.18.2 • DevTools 2.15.0
I'm using Flutter 3.3.5 but this issue has been also detected on a 2 month old build (3.3.1 at the time)
Here's a reproducible example: https://gist.github.com/eEQK/e91dc64cd0d2c7de79e23fb194ca6115
Screen.Recording.2022-10-25.at.19.36.58.mov
Closing, since this is not an issue with this package. If we remove the StaggeredGrid
, the issue is the same.