如何选择多张图片

我们在上一章回中介绍了"如何选择单个图片文件"相关的内容，本章回中将介绍如何选择多个图片文件.闲话休提，让我们一起Talk Flutter吧。

1. 概念介绍

我们在上一章回中介绍了如何选择单个图片文件，主要是通过image_picker包来实现，本章回中继续介绍选择图片相关的内容，不过本章回中介绍的是选择多个图片文
件。选择图片文件还是使用image_picker包提供的方法，而且仍然是通过可视化操作来选择图片文件。

2. 方法与细节

2.1 实现方法

下面是选择多个图片文件的实现方法，不过该方法中不包含导入包相关的操作，因为我们在上一章回中已经导入了image_picker包。

• 创建文件选择器对象，也就是包中提供的ImagePicker类的实例；
• 使用文件选择器的pickMultiImage()方法获取图片文件，该方法将返回图片文件在本地存储中的相对路径；
• 获取到文件路径后就可以使用Image组件的file()方法加载图片文件。

2.2 具体细节

上面的步骤中使用了ImagePicker的pickMultiImage()方法，该方法返回的是Future<List<XFile>>类型的对象，因此我们需要通过Future的then方法来
获取文件路径。此外，该方法需要异步运行，因为获取文件路径是比较耗时的操作。该方法返回的是一个文件列表，里面包含多个图片文件。

3. 示例代码

ImagePicker imagePicker = ImagePicker();

List<XFile>? _mediaFileList;

double imgWidth = 200;
double imgHeight = 400;

///注意获取图片需要异步操作
Future<List<XFile>> getImageFiles()