1 找个支持svg渲染的库，比如flutter_svg

• https://pub.dev/packages/flutter_svg

2 引入flutter_svg

• 在pubspec.yaml中的dependencies中加入flutter_svg
• 一般情况下，IDE都会自动执行 flutter packages get
  image.png

3 添加svg资源

• 如图所示添加了rectangles.svg：

  
  image.png

• 再次修改pubspec.yaml

  
  image.png

4 在使用的地方引用flutter_svg

import 'package:flutter_svg/flutter_svg.dart';

5 展示svg

// 读取并创建widget
final String assetName = 'assets/rectangles.svg';
final Widget svgIcon = SvgPicture.asset(
  assetName,
  // color: Colors.red,
  semanticsLabel: 'A red up arrow'
);

// 展示svg widget
children: <Widget>[
    Text(
      'You have pushed the button this many times:',
    ),
    Text(
      '$_counter',
      style: Theme.of(context).textTheme.display1,
    ),
svgIcon//这里引用上面定义的svg widget。
],

总结

• 一般每一个库都有一个依赖的flutter版本，flutter_svg也不例外，如果flutter版本太低可能就不好使了，具体可以看库的pubspec.yaml中的定义：

environment:
  sdk: ">=2.2.0 <3.0.0"
  flutter: ">=1.6.7 <2.0.0"

image.png