Flutter web ColorFiltered doesn’t display correctly on Android Devices

I’m using

Flutter 2.0.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 4d7946a68d (12 days ago) • 2021-03-18 17:24:33 -0700
Engine • revision 3459eb2436
Tools • Dart 2.12.2

and ColorFiltered doesn’t apply on my Android devices. Here’s a debug version of the app https://alnah005.github.io/alphabet/ which shows the image in the center differently depending on which OS you’re using.

Here’s the relevant code:

ColorFiltered (
    colorFilter: ColorFilter.mode(Colors.teal[50], BlendMode.modulate),
    child: imageAsset,
)

I ran flutter build web --release using the default renderer (html) to get the app in the link above.

1 possible answer(s) on “Flutter web ColorFiltered doesn’t display correctly on Android Devices

  1. Okay I’ll file another issue that specifically asks why ColorFiltered appears differently depending on the renderer.