文章目录
- 1. 概念介绍
- 2. 方法与细节
- 2.1 实现方法
- 2.2 具体细节
- 3. 示例代码
- 4. 内容总结
我们在上一章回中介绍了"如何选择单个图片文件"相关的内容,本章回中将介绍如何选择多个图片文件.闲话休提,让我们一起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(