search

jamesblasco / modal_bottom_sheet

Flutter | Create advanced modal bottom sheets. Material, Cupertino or your own style
https://pub.dev/packages/modal_bottom_sheet
MIT License
1.89k stars 474 forks source link

Animation glitch #216

Open treniere opened 2 years ago

treniere commented 2 years ago

There seems to be a glitch on the animation. The edges of the page beneath (in the case of cupertino modal) start glittering as seen in the screen recording I provide. I also tested in release mode, as well as on both iOS and Android, and the glitch was present each time. The app was compiled using stable Flutter 2.10 with Dart 2.16.

Thank you for this package though, it's great work despite this issue.

https://user-images.githubusercontent.com/17097084/153204235-8b9c3581-735a-4c53-aa47-29b88fdf5ddf.MP4

devibrahimkarahan commented 2 years ago

Same

SimonVillage commented 2 years ago

We had the same issue and resolved it by removing a light background color. Make sure there is no underlying light background somewhere.

mprync commented 2 years ago

We had the same issue and resolved it by removing a light background color. Make sure there is no underlying light background somewhere.

So this essentially fixed my 2 month long quest. I knew that this was the issue but could not, for the life of me find exactly where the light color theme was coming from, as I changed every single background on every widget but nothing fixed it, so I adjusted by theme settings to match my overall color and it fixed it.

Turned out to be a scaffold background color, the default one which can only be changed from updating the theme settings on the app level class.

CupertinoApp(
      color: Colors.transparent,
      theme: const CupertinoThemeData(
        // If you're using a black background, set to black
        // Otherwise set to the same background color you're using.
        scaffoldBackgroundColor: Colors.black,
      ),
   );