我的最终目标是将 Flutter 移动应用程序转换为 Flutter Web 应用程序。
我用过 flutter_svg在 Flutter 移动应用程序中,但在 Flutter Web 应用程序中不起作用。
Flutter web 的替代插件是什么?
当我使用 flutter run -d chrome
在 chrome 中运行项目时出现错误.
The following UnimplementedError was thrown during paint():
UnimplementedError
The relevant error-causing widget was:
RawPicture
file:///C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_svg-0.17.4/lib/svg.dart:729:22
When the exception was thrown, this was the stack:
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 214:49 throw_
C:/b/s/w/ir/cache/builder/src/out/host_debug/flutter_web_sdk/lib/ui/src/ui/canvas.dart 898:5 drawPicture
packages/flutter_svg/src/render_picture.dart 193:12 paint
packages/flutter/src/rendering/object.dart 2264:7 [_paintWithContext]
packages/flutter/src/rendering/object.dart 184:12 paintChild
packages/flutter/src/rendering/proxy_box.dart 131:14 paint
或者如何在 Flutter Web 的 flutter_svg 插件中解决这个问题?
最佳答案
现在你可以使用 Image.network
用于网页渲染 svg
像这样
child: kIsWeb
? Image.network("/assets/$assetName",
width: width,
height: height,
fit: fit,
color: color,
alignment: alignment,
semanticLabel: semanticsLabel)
: SvgPicture.asset(assetName,
width: width,
height: height,
fit: fit,
color: color,
alignment: alignment,
semanticsLabel: semanticsLabel)
关于flutter - 如何在 Flutter Web 中渲染 SVG?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62952211/