Flutter：如何用单按钮实现ImagePicker自动识别相机拍照/录像模式

使用ImagePicker包可以便捷选取图片或视频，但从用户体验出发，能否通过单个按钮实现图片与视频的选取？即用户在拍摄过程中可在相机内切换拍照/录像模式，但代码层面需调用两个不同方法：

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

请问如何让Flutter或该包自动识别当前相机所处的拍照/录像模式？

ImagePicker本身不支持这种场景——它的pickImage和pickVideo是分别调用系统相机的拍照模式和录像模式，两个方法完全独立，无法感知用户在系统相机内的模式切换操作。要实现「用户在相机界面内自由切换拍照/录像，APP自动识别返回文件类型」的需求，需要换个思路：

1. 自定义相机实现（推荐） #

放弃调用系统相机，改用Flutter的camera包自行实现相机界面，这样就能完全掌控拍照/录像的切换逻辑，以及后续的文件处理。

大致实现步骤：

• 初始化CameraController，配置支持的分辨率、音频权限（录像需要）等参数
• 在界面添加切换按钮，手动控制当前处于拍照模式还是录像模式
• 拍照时调用controller.takePicture()获取图片文件，录像时调用controller.startRecording()和controller.stopRecording()获取视频文件
• 基于当前的模式标记，APP可以直接判断返回文件的类型，无需额外识别

示例代码片段：

late CameraController _controller;
bool _isRecordingMode = false;
XFile? _capturedFile;

// 初始化相机
Future<void> _initCamera() async {
  final cameras = await availableCameras();
  _controller = CameraController(
    cameras[0],
    ResolutionPreset.medium,
    enableAudio: true,
  );
  await _controller.initialize();
}

// 切换拍摄模式
void _toggleCaptureMode() {
  setState(() {
    _isRecordingMode = !_isRecordingMode;
  });
}

// 执行拍摄操作
Future<void> _captureMedia() async {
  if (!_controller.value.isInitialized) return;
  
  try {
    if (_isRecordingMode) {
      // 启动录像
      await _controller.startRecording();
      // 示例：录制5秒后停止
      await Future.delayed(const Duration(seconds: 5));
      _capturedFile = await _controller.stopRecording();
      print("捕获视频：${_capturedFile!.path}");
    } else {
      // 拍照
      _capturedFile = await _controller.takePicture();
      print("捕获图片：${_capturedFile!.path}");
    }
  } catch (e) {
    print("拍摄失败：$e");
  }
}

2. 折中方案（依赖系统相机） #

如果一定要用ImagePicker，只能做前置选择界面：点击按钮后先让用户在APP内选择「拍照」或「录像」，再调用对应的pickImage或pickVideo方法。但这种方式无法实现「在相机内切换模式」的需求，只是把选择步骤提前到了APP界面。

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