Flutter技术问询：无需额外依赖实现相册选图并存储路径

可行，但需要通过MethodChannel直接与Android原生代码交互——因为Flutter SDK本身没有内置系统相册选择的API，以下是具体实现步骤：

1. Flutter端配置MethodChannel #

在Dart代码中创建MethodChannel，定义调用原生方法的通道名：

import 'package:flutter/services.dart';

class NativeImagePicker {
  static const MethodChannel _channel = MethodChannel('com.yourapp/gallery_picker');

  static Future<String?> pickImage() async {
    try {
      final String? imagePath = await _channel.invokeMethod('pickFromGallery');
      return imagePath;
    } on PlatformException catch (e) {
      print('选图失败: ${e.message}');
      return null;
    }
  }
}

2. Android原生端实现相册选择逻辑 #

在Android项目的MainActivity.kt中注册MethodChannel，并实现系统相册的调用逻辑：

import android.content.Intent
import android.net.Uri
import android.provider.MediaStore
import androidx.activity.result.contract.ActivityResultContracts
import io.flutter.embedding.android.FlutterActivity
import io.flutter.embedding.engine.FlutterEngine
import io.flutter.plugin.common.MethodChannel

class MainActivity : FlutterActivity() {
    private val CHANNEL = "com.yourapp/gallery_picker"
    private var resultCallback: MethodChannel.Result? = null

    private val pickImageLauncher = registerForActivityResult(ActivityResultContracts.StartActivityForResult()) { result ->
        if (result.resultCode == RESULT_OK) {
            val imageUri: Uri? = result.data?.data
            imageUri?.let { uri ->
                val path = getImageRealPath(uri)
                resultCallback?.success(path)
            } ?: run {
                resultCallback?.error("NULL_URI", "未选中有效图片", null)
            }
        } else {
            resultCallback?.error("CANCELLED", "用户取消选图", null)
        }
        resultCallback = null
    }

    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
        super.configureFlutterEngine(flutterEngine)
        MethodChannel(flutterEngine.dartExecutor.binaryMessenger, CHANNEL).setMethodCallHandler { call, result ->
            when (call.method) {
                "pickFromGallery" -> {
                    resultCallback = result
                    val intent = Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI)
                    pickImageLauncher.launch(intent)
                }
                else -> result.notImplemented()
            }
        }
    }

    private fun getImageRealPath(uri: Uri): String? {
        val projection = arrayOf(MediaStore.Images.Media.DATA)
        contentResolver.query(uri, projection, null, null, null)?.use { cursor ->
            val columnIndex = cursor.getColumnIndexOrThrow(MediaStore.Images.Media.DATA)
            cursor.moveToFirst()
            return cursor.getString(columnIndex)
        }
        return null
    }
}

3. 添加权限配置 #

在AndroidManifest.xml中添加适配不同Android版本的图片读取权限：

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" android:maxSdkVersion="32"/>
<uses-permission android:name="android.permission.READ_MEDIA_IMAGES" android:minSdkVersion="33"/>

4. 在信息流功能中调用选图逻辑 #

调用上述工具类获取图片路径后，即可将图片添加到博客帖子信息流中：

void _addImageToPost() async {
  final String? imagePath = await NativeImagePicker.pickImage();
  if (imagePath != null) {
    // 将图片路径添加到信息流数据列表，更新UI
    setState(() {
      currentPostImages.add(imagePath);
    });
  }
}

注意事项 #

• 需处理Android版本差异带来的权限和API变化
• 图片路径的解析逻辑可能因设备厂商不同存在差异，需做好异常捕获
• 若需要图片压缩、裁剪等功能，需在原生端扩展对应逻辑

内容的提问来源于stack exchange，提问作者Cal