New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[web] pushImageFilter not implemented #47163
Comments
See flutter/engine#14491 for the first part of this widget support in the Engine... |
web_ui support coming in flutter/flutter#47163
web_ui support coming in flutter/flutter#47163
ColorFiltered Widget is also throwing the same error |
Hi @flar Code sampleimport 'dart:ui';
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Sample',
home: Scaffold(
appBar: AppBar(
title: Text('Sample'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ImageFiltered(
//Looks different on web when compared to Android and Windows
imageFilter: ImageFilter.blur(sigmaX: 3.0, sigmaY: 3.0),
child: Container(
width: 50,
height: 50,
color: Colors.red,
),
),
//Still unimplemented
/*ColorFiltered(
colorFilter: ColorFilter.mode(Colors.blue, BlendMode.multiply),
child: Container(
width: 50,
height: 50,
color: Colors.red,
),
),*/
],
),
),
),
);
}
} flutter doctor -v
Can this issue be closed? |
I tried my original test case on my Moto G 4 and the web and they both seem to blur now, but the blur radius seems much blurrier on the web version. I'm looking into it for more information. |
Compiling with the CanvasKit back end seems to perform similarly to what I see on my Moto G4 and my iPhone. It is the regular back end that seems off (by 2x?). |
It looks like this was fixed by flutter/engine#13768 There is a multiply by 2 in the non-canvaskit implementation in that PR that seems to have persisted to this day complete with a comment that it looks too aggressive in HTML. I'll file a different issue on the HTML difference, but this issue can be considered close. |
PR submitted to fix the blur radius issue on HTML... |
That appearance does seem unexpected. Try filing a separate issue as this issue is primarily about the fact that we didn't use to have any implementation at all (the methods just threw a bare Unimplemented exception). |
This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of |
With the upcoming implementation of the ImageFiltered widget on iOS and Android, the web support for this widget is stubbed out similarly to the ColorFiltered widget. As a result, developers will see the following error if they try to use an ImageFiltered widget in their application:
The text was updated successfully, but these errors were encountered: