如何在Flutter中通过代码直接调起iOS/Android相机并获取XFile()

在聊天应用中需要直接调起相机而非相册的场景，推荐以下两种跨平台方案，避免分别处理Android和iOS的差异：

方案一：使用image_picker插件（快速实现） #

这是最省心的跨平台方案，无需针对Android/iOS写原生代码，直接调用API即可调起系统相机。

步骤： #

1. 添加依赖到pubspec.yaml：

dependencies:
  image_picker: ^1.0.4 # 请使用最新版本

2. 调用相机的核心代码：

import 'package:image_picker/image_picker.dart';

Future<void> _pickImageFromCamera() async {
  final picker = ImagePicker();
  final XFile? image = await picker.pickImage(source: ImageSource.camera);
  
  if (image != null) {
    // 处理拍摄后的图片，比如显示、上传等
    print('拍摄的图片路径：${image.path}');
  }
}

调用_pickImageFromCamera()就能直接调起系统相机，Android和iOS都会适配各自的原生相机界面，完全满足聊天应用的快速拍摄需求。

方案二：自定义相机（高度定制场景） #

如果需要自定义相机界面（比如添加拍摄按钮样式、实时滤镜、闪光灯控制等），可以使用官方推荐的camera插件实现自定义相机：

核心步骤： #

1. 添加依赖：

dependencies:
  camera: ^0.10.5+5 # 请使用最新版本

2. 基本实现流程：
   • 获取设备可用的相机列表（前置/后置）
   • 初始化CameraController并绑定相机
   • 用CameraPreview组件显示实时预览
   • 调用takePicture()方法完成拍摄

示例代码片段：

import 'package:camera/camera.dart';

late CameraController _controller;
late Future<void> _initializeControllerFuture;

Future<void> _initCamera() async {
  final cameras = await availableCameras();
  final firstCamera = cameras.first; // 默认使用后置相机
  
  _controller = CameraController(
    firstCamera,
    ResolutionPreset.medium,
  );
  
  _initializeControllerFuture = _controller.initialize();
}

// 拍摄照片
Future<void> _takePicture() async {
  try {
    await _initializeControllerFuture;
    final image = await _controller.takePicture();
    
    // 处理拍摄后的图片
    print('自定义相机拍摄的图片路径：${image.path}');
  } catch (e) {
    print('拍摄出错：$e');
  }
}

不推荐的方案 #

之前提到的Android用android_intent_plus调起相机的方式，无法兼容iOS，需要分别写原生代码，维护成本高，因此不推荐在跨平台场景下使用。

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