Flutter でデバイスの画像を表示するサンプルコード

Tadashi Shigeoka ·  Sat, March 7, 2020

Flutter でデバイスの画像ギャラリーから画像を表示するサンプルコードをご紹介します。

Flutter

前提

参考情報) Flutter デバイス画像表示の実装

Flutter 公式ドキュメントなどから以下の記事を参考にして、デバイスの画像ギャラリーから画像を表示する機能を実装しました。

ImagePicker.pickImage(source: ImageSource.gallery) を使う

公式ドキュメント image_picker | Flutter Package には、以下のようなカメラで撮影した画像を表示するサンプルコードは掲載されていますが、Gallery から画像を表示する方法については記載されていません。

var image = await ImagePicker.pickImage(source: ImageSource.camera);

ソースコード lib/image_picker.dart#L34-L35 · flutter/plugins の部分を確認すると、

  /// The `source` argument controls where the image comes from. This can
  /// be either [ImageSource.camera] or [ImageSource.gallery].

というコメントがあり ImageSource.gallery を使えば良いことが分かります。

var image = await ImagePicker.pickImage(source: ImageSource.gallery);

Flutter デバイス画像表示 サンプルコード

Flutter アプリでデバイスの画像ギャラリーから画像を表示するサンプルコードは以下の GitHub Pull Request に公開していますので、ぜひご覧ください。

? Display the image from gallery using image_picker · Pull Request #13 · codenote-net/flutter_sandbox

以上、Flutter でデバイスの画像ギャラリーから画像を表示する機能を実装した、現場からお送りしました。