flutter 网络 : unhandled element filter on svg

Question

我将我的项目更新为没有空安全的 flutter 2.0.2。现在我正在尝试在网上吃午餐(chrome)。当应用程序在启动页面中启动时，我加载了一个 svg 图像。 svg 已加载到 chrome 上，但在终端中我看到此错误:unhandled element filter;图片键:AssetBundlePictureKey(bundle: PlatformAssetBundle#0a707(), name: "assets/svgs/splash.svg", colorFilter: null) 这是flutter slpash svg代码:

Stack(children: [
        Container(
            width: double.infinity,
            height: double.infinity,
            child: SvgPicture.asset(
              R.assetsSvgsSplash,
              fit: BoxFit.cover,
            ),),

我正在使用 flutter_svg: ^0.19.3

这位医生:

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.0.2, on Linux, locale en_US.UTF-8)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.0-rc1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.0)
[✓] VS Code (version 1.54.2)
[✓] Connected device (1 available)

• No issues found!

Answer 1

似乎 SVG 库确实 not support certain (any?) filters .

我通过删除 <filter ...>...</filter> 摆脱了这条消息标签和属性，如 filter="url(#filter-3)"来自 SVG imgage 文件(只需使用文本编辑器)。

我的图像没有任何我实际需要的滤镜，所以图像仍然正确并且消息消失了。如果您的图像有某些过滤器需要正确显示，那么这可能不是正确的解决方案:)