Dart/Flutterにてsvgが読み込めません

assetフォルダからsvgを読み込もうとしています。

正常に動作する作例からコードを引用しているため全体の構造に問題はないはずなのですが

・yamlにassets/svgフォルダを追加済み
・assetsフォルダのパスは正しく指定済み

にも関わらず、Unable to load assetsと言われるのはどのようにすれば解消できるでしょうか。

satokei

2020/09/17 13:06

SVGの表示には、以下のパッケージを使用しているのでしょうか？ https://pub.dev/packages/flutter_svg 情報が少なすぎますので、質問を改善してください。

neoz

2020/09/17 13:21

はい、そちらのパッケージを利用しています。

satokei

2020/09/17 15:58

> はい、そちらのパッケージを利用しています。質問を編集して改善してください。後からたどり着いた人が分かりにくくなります。そのようなことがあるかわからないですが、対応していないSVGの可能性はないでしょうか？サンプルにあるSVGで表示できるか確認してみてください。 https://github.com/dnfield/flutter_svg/tree/master/example/assets > assetsフォルダのパスは正しく指定済みそもそも本当に正しいのでしょうか？

neoz

2020/09/17 16:11

svgファイルは作例ファイルから表示を確認していました。そこに疑義を言われますと、パスが正しいかどうか、ファイル構成すべて含めて投稿しなければならないことになってしまいまして。。今回、正しく動作する作例からまずはそのまま持ってきているので、質問に記載した前提条件のみで、他に推察される瑕疵がないかを確認させて頂きたかった次第です。

行動規範の内容に同意します

回答2件

１．flutter cleanしてみる。

２．yamlを正しく記述する。（assetsの前はスペース2つ、パスの前はスペース4つ）

flutter:

  assets:
    - images/pizza1.png
    - images/pizza0.png

３．それでもだめなら、フォルダ構成と、yaml、パスの指定部分を追記してください。

投稿2020/09/18 00:19

tepci

総合スコア419

neoz

2020/09/18 06:33

flutter cleanは効きませんでした。。フォルダ構成は project | ーassets 　｜　｜ーsvg 　｜　　｜　｜　　ーhome.svg 　｜　　ーphoto.svg 　ーlib 　 | 　｜ーnav.dart で、パスは../assets/svg/home.svgで指定しています。 yamlはフォルダのみで動くはずですが、動作している作例通り flutter: - assets/ - assets/svg/ としています。エラーは以下のとおりです。 ══╡ EXCEPTION CAUGHT BY SVG ╞═══════════════════════════════════════════════════════════════════════ The following assertion was thrown resolving a single-frame picture stream: Unable to load asset: ../assets/svg/home.svg (中略) Picture provider: ExactAssetPicture(name: "../assets/svg/home.svg", bundle: null, colorFilter: null) Picture key: AssetBundlePictureKey(bundle: PlatformAssetBundle#c5581(), name: "../assets/svg/home.svg", colorFilter: null) ════════════════════════════════════════════════════════════════════════════════════════════════════

neoz

2020/09/18 06:34

フォルダ構成がわかりづらいですが、assetsとlibは同階層です。

行動規範の内容に同意します