如何在Flutter SDK中使用SVG或矢量可绘制对象

Question

我想在Flutter应用程序中使用SVG /矢量图形。 有没有可以使用的库或Dart包？

Answer 1

步骤

1. 使用此插件 flutter_svg https://pub.dartlang.org/packages/flutter_svg
2. 将图像添加到资产
3. 导入并添加此小部件

 SvgPicture.asset(               'assets/images/Defect/icon-${values[index].childId}.svg',
                              height: 50.0,
                            ),

Answer 2

要在FLutter中显示“资产”中的SVG。

1. 在pubspec.yaml文件中的dev_dependencides下添加以下代码 flutter_svg: ^0.14.0
2. 在main.dart的标题中添加以下代码 import 'package:flutter_svg/flutter_svg.dart';
3. 将SVG分配给一个变量，例如final String assetName = 'assets/images/avatar.svg';
4. new ScgPicture.Asset(assetName,height:100,width:100)