Expo-Image-Picker在iOS上无法打开相机或相册的问题求助

使用Expo 49.0.0 + expo-image-picker 14.3.0 + expo-image-manipulation 11.3.0开发的React Native应用，Android上点击按钮可正常打开相机/相册，但iOS上launchCameraAsync和launchImageLibraryAsync完全无响应。权限状态已显示为{"status":"granted","canAskAgain":true,"expires":"never","granted":true}，重新申请权限的requestCameraPermissionsAsync()也无法执行。

可能的解决步骤 #

1. 确保iOS权限描述配置正确 #

iOS要求必须在Info.plist中添加权限说明文本，否则即使权限授予，相关API也会静默失败。在你的app.json或app.config.js中添加以下配置：

{
  "expo": {
    "ios": {
      "infoPlist": {
        "NSCameraUsageDescription": "需要访问相机来拍摄头像",
        "NSPhotoLibraryUsageDescription": "需要访问相册来选择头像"
      }
    }
  }
}

配置完成后，重新构建iOS项目：expo run:ios。

2. 修复权限检查逻辑的错误 #

代码中存在冗余的权限请求和类型判断错误：

• 多次重复调用getMediaLibraryPermissionsAsync()/getCameraPermissionsAsync()，应先获取一次权限结果再判断
• granted == 'false'是错误的，granted是布尔值，需用granted === false

修改后的权限检查逻辑示例：

const pickImageAsync = async () => {
  const mediaPermission = await ImagePicker.getMediaLibraryPermissionsAsync();
  if (mediaPermission.status === 'denied') {
    alert("Bitte gehen sie in Ihre Einstellungen und erlauben sie den Zugriff auf Ihre Galerie!");
    return;
  }

  // 若权限未确定，先请求权限
  if (mediaPermission.status === 'undetermined') {
    const permissionResult = await ImagePicker.requestMediaLibraryPermissionsAsync();
    if (permissionResult.status !== 'granted') {
      alert("Bitte erlauben sie den Zugriff auf Ihre Galerie!");
      return;
    }
  }

  try {
    const response = await ImagePicker.launchImageLibraryAsync({
      allowsEditing: true,
      base64: true,
      quality: 0.2,
    });

    if (!response.canceled) {
      let manipResult = await ImageManipulator.manipulateAsync(
        response.assets[0].uri,
        [{resize:{height:250}}],
        {base64:true}
      );
      setSelectedImage(manipResult.base64);
      ProjectStore.user.image = manipResult.base64;
      await Services.setProfilePicture(manipResult.base64);
    }
  } catch (error) {
    console.log("图片选择错误:", error);
  }
}

3. 避免混用async/await与.then() #

混用两种异步写法可能导致流程混乱，统一使用async/await可以更清晰地排查问题，同时无需执行delete response.cancelled（Expo Image Picker v14+返回的canceled是原生布尔值，无需手动删除）。

4. 调整Modal关闭与图片选择的执行顺序 #

iOS上Modal的关闭动画可能与相机/相册的弹出逻辑冲突，建议先关闭Modal，延迟执行图片选择函数：

// 修改Modal按钮的onPress逻辑
<TouchableOpacity 
  style={styles.modalButton} 
  onPress={() => {
    setModalVisible(false);
    // 延迟300ms等待Modal关闭动画完成
    setTimeout(makePictureAsync, 300);
  }}
>
  <Ionicon name='camera-outline' size={40}></Ionicon>
  <Text>Kamera öffnen</Text>
</TouchableOpacity>

5. 清除Expo缓存并重新构建 #

运行以下命令清除项目缓存，再重新启动iOS项目：

expo r -c
expo run:ios

6. 重新安装依赖 #

确保依赖安装完整，执行：

npm install expo-image-picker@14.3.0 expo-image-manipulation@11.3.0
# 或使用yarn
yarn add expo-image-picker@14.3.0 expo-image-manipulation@11.3.0

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