FlutterError (Unable to load asset: assets/images/xxx.jpg)について

FlutterError (Unable to load asset: assets/images/xxx.jpg)について

概要

Flutterでスマホアプリ作成時に画像を読み込んだ時、
発生したエラー「FlutterError (Unable to load asset: assets/images/xxx.jpg)」について、対処方法を記載します。

エラーメッセージ

例外が発生しました
FlutterError (Unable to load asset: assets/images/xxx.jpg)

対処方法

原因

エラーとしては、画像の読み取りエラーとなります。

今回は、画像を使うためにフォルダ(assets/images)内の画像を指定しています。

ファイルは存在しており、パスもあっているのでエラーが起こる原因が見当たりません。

しかし、flutterの場合、画像を読み込むにはパスを指定するだけでなく、pubspec.yamlファイルにも画像として設定する必要があります。
フォントと同じですね!

対処方法

pubspec.yamlに画像として、設定する必要があります。

flutter:

uses-material-design: true

assets:
  - assets/images/background.jpg

解決

pubspec.yamlに画像として、設定することでエラー「FlutterError (Unable to load asset: assets/images/xxx.jpg)」が解消されました。

参考サイト

https://python5.com/q/wsjacmfj