Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Flutter: SVG Image in the background throws an error

I have to keep the SVG Image in the background and keep the Text in the top. When I'm keeping the SVG Image from the Flutter_SVG Package, I got a error like this.

I/flutter (24437): Unsupported operation: Could not resolve image href: Component%206%20-%201-image.png

Picture provider: ExactAssetPicture(name: "assets/images/login_header.svg", bundle: null,
I/flutter (24437):   colorFilter: ColorFilter.mode(MaterialColor(primary value: Color(0xfff44336)), BlendMode.srcIn))
I/flutter (24437): Picture key: AssetBundlePictureKey(bundle: PlatformAssetBundle#32e52(), name:
I/flutter (24437):   "assets/images/xxx.svg", colorFilter: ColorFilter.mode(MaterialColor(primary value:
I/flutter (24437):   Color(0xfff44336)), BlendMode.srcIn))
like image 825
Balaji Ks Avatar asked Oct 16 '22 06:10

Balaji Ks


2 Answers

flutter_svg package that you use does not support filter effects.Sadly this is not possible with the current version of the package.This would be possible only.

Anyway one of the hacks (Crappy workaround)

  • Converting shadows to bitmap(not correct solution)

Follow the issue on Github Issues. Hoping the feature will be available soon as said by the developer of the package

like image 52
Balaji Venkatraman Avatar answered Oct 18 '22 23:10

Balaji Venkatraman


Need to clear the caches from SVG Image. It can be done by SVGCleaner and that's will work in our project.

like image 32
Balaji Ks Avatar answered Oct 19 '22 00:10

Balaji Ks