如何在Expo的expo-image-picker中实现相册与相机切换功能？

expo-image-picker本身确实没有提供相册和相机原生界面互相切换的内置功能，但你可以通过以下两种方式实现类似需求：

1. 自定义应用内切换入口（推荐方案） #

核心思路是在你的应用界面中统一管理切换逻辑，避免设置两个独立按钮。比如先提供一个切换开关，再用同一个按钮打开对应的选择器；或者在选择器关闭后，根据用户操作切换模式重新打开。

示例代码：

import { useState } from 'react';
import { Button, View, Text } from 'react-native';
import * as ImagePicker from 'expo-image-picker';

export default function ImagePickerSwitcher() {
  // 切换状态：false=相册模式，true=相机模式
  const [isCameraMode, setIsCameraMode] = useState(false);

  const openPicker = async () => {
    let permissionResult;
    let pickerResult;

    // 先申请对应权限
    if (isCameraMode) {
      permissionResult = await ImagePicker.requestCameraPermissionsAsync();
      if (!permissionResult.granted) {
        alert('需要相机权限才能使用此功能');
        return;
      }
      pickerResult = await ImagePicker.launchCameraAsync({
        allowsEditing: true,
        aspect: [4, 3],
        quality: 0.8,
      });
    } else {
      permissionResult = await ImagePicker.requestMediaLibraryPermissionsAsync();
      if (!permissionResult.granted) {
        alert('需要相册权限才能使用此功能');
        return;
      }
      pickerResult = await ImagePicker.launchImageLibraryAsync({
        allowsEditing: true,
        aspect: [4, 3],
        quality: 0.8,
      });
    }

    // 处理选择结果
    if (!pickerResult.canceled) {
      console.log('选中图片URI:', pickerResult.assets[0].uri);
      // 这里可以添加上传或显示图片的逻辑
    }
  };

  return (
    <View style={{ padding: 20, gap: 15 }}>
      <Text>当前模式：{isCameraMode ? '相机' : '相册'}</Text>
      <Button
        title={isCameraMode ? '切换到相册模式' : '切换到相机模式'}
        onPress={() => setIsCameraMode(!isCameraMode)}
      />
      <Button title="打开选择器" onPress={openPicker} />
    </View>
  );
}

这种方式虽然不是在原生选择器界面内直接切换，但能让用户在一个入口下完成两种模式的切换，体验接近原生应用的逻辑。

2. 利用系统原生特性（局限性较大） #

在iOS系统中，当你设置mediaTypes: ImagePicker.MediaTypeOptions.All时，原生相册界面会自带一个相机入口，但这个功能仅在iOS上生效，且相机界面无法切换回相册；Android系统的原生相册大多没有这个内置入口，所以此方案只能满足部分场景需求。

示例代码片段：

// 仅iOS生效的相册带相机入口
const openLibraryWithCamera = async () => {
  const permission = await ImagePicker.requestMediaLibraryPermissionsAsync();
  if (!permission.granted) return;
  const result = await ImagePicker.launchImageLibraryAsync({
    mediaTypes: ImagePicker.MediaTypeOptions.All, // 开启后iOS相册会显示相机按钮
    allowsEditing: true,
  });
};

总结 #

如果需要完全的双向切换能力，自定义应用内的切换逻辑是最可靠的方案；若仅针对iOS用户，可尝试利用系统原生的相册相机入口，但无法实现相机到相册的反向切换。

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