如何在 Flutter 中使用 SVG答案

【问题标题】：How to use SVG in Flutter如何在 Flutter 中使用 SVG
【发布时间】：2021-04-15 20:53:44
【问题描述】：

我目前正在将地图集成到我的应用程序中，它应该以颜色突出显示各个组件。我使用这张地图 (https://simplemaps.com/resources/svg-de)，它已经在精心设计的 SVG 文件中提供。我现在正在尝试使用 Flutter Code 为各个 SVG 路径着色。我正在构建 svg_path_parser 包 (https://pub.dev/packages/svg_path_parser) 并使用了相应的示例。但是我无法用我的 SVG 文件中的路径替换示例中的路径。这可能是因为我的 SVG 路径比示例中给出的路径长得多。如果您能给我一点帮助或提出更好方法的建议，我将不胜感激。

【问题讨论】：

你试过pub.dev/packages/flutter_svg吗？
那么parseSvgPath 会返回什么？ null?
@NduJay 是的，我看过了，但不幸的是，没有办法使用这个包单独处理组件。但是，如果您对如何使用此软件包有任何提示，我很高兴听到
我刚刚得到了一些随机的土地，它工作得很好：paste.ubuntu.com/p/ChRsyB9H3X - original class 显示了一张世界地图，因此类名 WorldMap
当然，欢迎您，我希望您知道如何更改代码以显示您的地图 ;-)

标签： flutter dart svg

【解决方案1】：

步骤 1.在 pubspec.yaml 中添加依赖项

依赖： flutter_svg：任意

第 2 步。导入应用中的 Flutter svg 包

 import 'package:flutter_svg/flutter_svg.dart';

第 3 步。就像下面这样使用

 SvgPicture.asset(
    'assets/images/bm-icon1.svg',
     width: 18.0,
     height: 18.0,
  ),

【讨论】：