木辛老师来了，本节课咱们一起来看看如何在Flutter中使用ImagePicker获取图片和视频吧！

请点击右上角“关注”按钮关注我们哟：跟着木辛老师学习Flutter基础编程知识，变身快乐的编程达人吧~

刷抖音，发抖音，是不是的在自己的朋友圈PO个照片，这已经逐渐成了我们日常生活中非常“重要”的组成部分啦。之所以说非常重要，是因为有的时候你玩抖音或者朋友圈的时候，是一种下意识的动作，可以算作你肢体肌肉记忆中的一部分啦。

既然这样了，也就不要刻意去强迫自己改变这种生活习惯，慢慢的去接受，慢慢的从中寻找到属于自己的成果就好了。

你有没有想过，平时记录自己自拍，记录家庭活动的这些事情，如果通过你自己创建的一个应用程序去实现，是不是会更有成就感呢？

这样的一个程序可能会涉及到从相机中捕获图像，从图库中选择已经存在的照片或者选择或者捕获视频什么的，看着好像很有意思的样子，那么让我们通过今天的教程亲自去尝试一下吧。

在最开始的时候，需要选择一个非常趁手的插件才能制作出好用的工具，在这里我们选择的是：image_picker。

在这个教程中你会掌握如下技能：

1. 如何从相册中获取图片
2. 通过相机进行拍照
3. 打开相册中的视频
4. 使用相机进行拍摄

第一步：装他、装他、装他

安装Flutter的这些包方法都很统一，你可以打开项目目录下的pubspec.yaml文件，在dependencies中添加如下内容就可以啦：

image_picker: ^0.8.4+4
video_player: ^2.2.7

（PS：请注意，因为我们这里设计视频的播放，所以顺手把video_player扩展添加上了）

点击同步按钮。

当然了，如果你更喜欢命令行工具，也可以这么安装

flutter pub add image_picker

这一条命令好像更简单一些。

第二步：设置iOS和Android端

安装成功了吧？

如果安装成功了，那么你需要分别对iOS和Android两个平台进行设置。

iOS

要在 iOS 中使用这个包，需要 iOS 9.0 或更高版本。

从包的 0.8.1 版开始，iOS 通过PHPicker 实现在iOS 14 或更高版本上选择（多个）图像。

由于PHPicker的缘故，在 iOS 14+ 的 iOS 模拟器上无法选择 HEIC 图像。 这是一个已知的问题。 请在真实设备上进行测试，或使用非 HEIC 图像进行测试，等Apple 解决这个问题吧。

打开info.plist文件，这个文件应该在这个位置

<project root>/ios/Runner/Info.plist

添加如下条目：

• NSPhotoLibraryUsageDescription：通过这个关键字，描述一下你在应用中使用图片库权限的原因，如果你打开的是可视化编辑器进行编辑，这个条目叫做：Privacy - Photo Library
• NSCameraUsageDescription：还是要说明你为啥要用相机，稍微描述一下就可以了，不过不要描述的让用户看到就立马给你卸载就行啦
• NSMicrophoneUsageDescription：对了，还有个录制视频的功能，所以要在这个条目下写清楚为啥要使用麦克风。

Android

在Android中没有需要额外设置的，惊不惊喜，意不意外（PS：如果你还有其他额外的功能，可能需要哟）

不需要在<application>里边设置android:requestLegacyExternalStorage=“true”吗？你可能会义愤填膺地质问我！

是的，暂时不需要，因为image_picker做了个小功能，它会将数据暂时保存在域存储（scoped storage）中。

所以，获取到的图片或者视频只会暂时保存在本地缓存中，只是临时存在的，所以如果想永久保存你还需要做些额外工作！

第三步：开始码代码

在使用的代码文件开头部分导入

import 'package:image_picker/image_picker.dart';

实例化ImagePicker

final ImagePicker _picker = ImagePicker();

接下来，通过以下语句可以拿到图片啦

// Pick an image
final XFile? image = await _picker.pickImage(source: ImageSource.gallery);

如果，你想通过摄像头拍摄照片的话，可以使用如下代码

// Capture a photo
final XFile? photo = await _picker.pickImage(source: ImageSource.camera);

打开相册中的视频，可以这么写

// Pick a video
final XFile? image = await _picker.pickVideo(source: ImageSource.gallery);

通过摄像头拍摄视频可以这么搞

// Capture a video
final XFile? photo = await _picker.pickVideo(source: ImageSource.camera);

那么，一次选择多张照片应该怎么办捏？

// Pick multiple images
final List<XFile>? images = await _picker.pickMultiImage();
...

其实，每个Flutter的包在使用的时候是非常简单的，做一个简单的示例程序也是so easy。

难就难在如何按照你的需求做出来，并且还要适配国内和国际上众多的手机型号。

好了，APP开发道路遥远，且行且珍惜吧。

请大家关注木辛老师的课程哟，获取更多编程知识和编程技巧。接下来，木辛老师和大家一步一步地学习Flutter知识吧。

快乐编程，快乐成长！

咱们下节课再见，88~