こんにちは!本記事では、画像をアプリ内で使う手順について説明します。
大まかには、imagesフォルダ作成→pub spec.yamlに追記です。
目次
imagesフォルダ作成
プロジェクト直下にimagesフォルダを作りましょう。プロジェクトを選択して右クリック>New>Directoryを押し、imagesと打てばできます。
![](https://www.mechengjp.com/wp-content/uploads/2022/02/afdbfb7e773636198842ec8076ea51e4.png)
作成したフォルダに、保存したい画像ファイルを保存します。
![](https://www.mechengjp.com/wp-content/uploads/2022/02/7db680e1994acc47a9f156c48e1e3675.png)
pubspec.yamlを書き換え
pubspec.yamlを開き、flutter:内のassets: 以下のコメントアウトを削除し、以下のように書き換えます。
pubspec.yamlを編集するときは、インデントに注意です!
![](https://www.mechengjp.com/wp-content/uploads/2022/02/e639acb7fc93670fc16c2d3de78ce96c.png)
本文コードで使う
実際に使うときは下のように、Image.asset('ファイルまでのパス')
を記載すれば完成です。
![](https://www.mechengjp.com/wp-content/uploads/2022/02/cbc159dde5dd950bcd69dc7647dedf12.png)
コメント