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

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

Flutter

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

公式ドキュメント 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 アプリでデバイスの画像ギャラリーから画像を表示するサンプルコードは以下の GitHub Pull Request に公開していますので、ぜひご覧ください。

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

CodeNote