【Flutter】SVG画像を表示する方法

概要

Flutterでsvg形式の画像を表示する方法

使用パッケージ

flutter_svg: ^1.0.0

assetsフォルダの作成

画像の保存先として「assets」フォルダを作成する。

作成先はプロジェクトのルートディレクトリ。

作成後はpubspeck.ymlを以下のように編集する。

flutter:
  assets:
   - assets/

実装

画像の表示

SvgPicture.asset(
    'assets/test.svg',
    semanticsLabel: 'test',
    width: 50,
    height: 50,
  ),

※semanticsLabelはなくても表示される