[Flutter] カメラアプリで撮影した画像を表示するサンプルコード

Tadashi Shigeoka ·  Tue, March 10, 2020

カメラアプリで撮影した画像を表示する Flutter のサンプルコードをご紹介します。

Flutter

前提

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

Flutter 公式ドキュメントから以下の記事を参考にして、カメラアプリで撮影した画像を表示する機能を実装しました。

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

公式ドキュメント image_picker | Flutter Package には、以下のようなカメラで撮影した画像を表示するサンプルコードは掲載されていますので、これ通りに実装します。

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

もし、デバイスの画像を表示したい場合はこちらの記事 を参考にしてください。

Flutter カメラアプリで撮影した画像表示 サンプルコード

Flutter アプリでカメラアプリで撮影した画像を表示するサンプルコードは以下の GitHub Pull Request に公開していますので、ぜひご覧ください。

? Display the image from camera app using image_picker · Pull Request #14 · codenote-net/flutter_sandbox

image_picker camera | Flutter

以上、カメラアプリで撮影した画像の表示機能を Flutter で実装した、現場からお送りしました。