Flutter - 原生交互 - 相册

原创

已于 2025-06-25 17:58:37 修改 · 435 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #iOS #Dart

于 2025-06-25 09:03:20 首次发布

环境

Flutter 3.29

macOS Sequoia 15.4.1

Xcode 16.3

iOS 13.4.1
iOS 18.5

集成image_picker

在Flutter中可以使用image_picker插件实现从相册中获取图片

添加插件

flutter中访问相册image_picker插件

¥ flutter pub add image_picker
¥ flutter pub get

Xcode工程的GeneratePluginRegistrant新增了对应的注册代码

+ (void)registerWithRegistry:(NSObject<FlutterPluginRegistry>*)registry {
   
   
...
    [FLTImagePickerPlugin registerWithRegistrar:[registry       registrarForPlugin:@"FLTImagePickerPlugin"]];
...
}

更新Xcode的pod依赖

¥ pod update

添加权限

<key>NSPhotoLibraryUsageDescription</key>
<string>需要访问相册以选择图片</string>

<!-- image_picker也支持直接拍照 -->
<key>NSCameraUsageDescription</key>
<string>需要访问相机用于拍照</string>
<key>NSMicrophoneUsageDescription</key>
<string>需要访问麦克风用于拍摄视频</string>

获取单张照片

可以使用ImagePicker().pickerImage()获取单张图片

else if (index == 2) {
   
   
  _pickImage(ImageSource.gallery),
}

 Future<void> _pickImage(ImageSource source) async {
   
   
    try {
   
   
      // source值可以是相机(camera)或相册(gallery)
      final pickedFile = await ImagePicker().pickImage(source: source);

      if (pickedFile != null) {
   
   
        setState(() {
   
   
          if (mounted) {
   
   
            // pop弹窗并返回从相册中选择的图片
            Navigator.pop