🍣

【Flutter】image_pickerで写真を複数選択する方法

2022/01/16に公開

Flutter

tech

はじめに

https://pub.dev/packages/image_picker

image_pickerでバージョン0.8.1から写真の複数選択に対応したようです。

ImagePickerの導入

pubspec.yaml

dependencies:
  image_picker: ^0.8.4+4

image_pickerの最新バージョン(2021/12/12時点 0.8.4+4)を入れてpub get

iOSの設定

Info.plistに以下の項目を追加する

info.plist

<key>NSPhotoLibraryUsageDescription</key>
  <string>This app requires to access your photo library</string>
  <key>NSCameraUsageDescription</key>
  <string>This app requires to add file to your camera</string>
  <key>NSMicrophoneUsageDescription</key>
  <string>This app requires to add file to your photo library your microphone</string>

Androidの設定

Androidは設定が不要だそうです。

複数選択

final ImagePicker _picker = ImagePicker();
final List<XFile>? images = await _picker.pickMultiImage();

これだけで写真の複数選択が可能です。

他パッケージ

multi_image_pickerなるパッケージが存在はしていたのですが、こちらはDISCONTINUEDになっているため、使用することはあまりおすすめできないですね。
image_pickerを使用するのが無難でしょう。