Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

flutterでアセットに任意の写真を保存して画面に表示させる

やりたいこと

  • 任意の写真.jpgをアセットとしてアプリ内に保存しておく。
  • その写真を画面に表示する。

保存用ディレクトリの作成

flutter create を実行すると、

  • android
  • build
  • ios
  • lib

などのディレクトリが生成されるが、
その同列に、自分で任意のディレクトリを作成する。
たとえば

  • images

を作成する。

そのディレクトリ内に、任意の写真、たとえば

sample.jpg

を保存する。

image.png

pubspec.yamlの編集

pubspec.yaml
flutter:内に

  assets:
    - images/sample.jpg

を追記する。

image.png

表示する

Image.asset('images/sample.jpg'),
kenichiro-yamato
やまと・けんいちろう。1977年生。IT・Web業界での実務経験23年(正社員16年、フリーランス7年)。サーバサイドを中心にインフラからフロントまで幅広く対応。部下10名以上の管理職経験あり。東京在住。ITシステム常駐開発やコンサルティング案件に対応中。
https://kenichiro-yamato.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away