expo-image-picker频繁失效无报错，偶现正常，求排查方案

问题描述 #

集成expo-image-picker（版本"expo-image-picker": "~14.7.1"，对应expo": "~50.0.19"）后，功能几乎失效：图库可正常打开，但点击“选择”按钮后无图片选中；重启应用后约3次尝试中有1次成功，其余无反应。控制台无错误输出，已尝试全量日志打印、重建应用、清除缓存、重装依赖，均无效果。

代码实现 #

import * as ImagePicker from "expo-image-picker";
    
const pickImage = useCallback(async () => {
        const result = await ImagePicker.launchImageLibraryAsync({
          mediaTypes: ImagePicker.MediaTypeOptions.Images, 
          allowsMultipleSelection: false, 
          allowsEditing: true, 
          quality: 0.5,
          exif: false, 
        }).catch((err) => {
          console.log(err);
        });
        if (
          result &&
          !result.canceled &&
          result.assets &&
          result.assets.length > 0 &&
          result.assets[0]
        ) {
          setImage(result.assets[0]);
        }
      }, []);

排查与解决方向 #

• 确保权限请求完整
  可能存在权限请求的异步竞态，导致调用选图接口时权限状态异常。修改代码，在调用前主动检查并申请权限：

  const pickImage = useCallback(async () => {
    const { status } = await ImagePicker.requestMediaLibraryPermissionsAsync();
    if (status !== 'granted') {
      console.log('请授予相册访问权限');
      return;
    }
    
    const result = await ImagePicker.launchImageLibraryAsync({
      mediaTypes: ImagePicker.MediaTypeOptions.Images, 
      allowsMultipleSelection: false, 
      allowsEditing: true, 
      quality: 0.5,
      exif: false, 
    }).catch((err) => {
      console.log(err);
    });
    
    if (result?.assets?.length > 0 && !result.canceled) {
      setImage(result.assets[0]);
    }
  }, []);
  

• 临时移除编辑功能测试
  部分设备上，图片编辑组件可能存在兼容性问题，导致回调无法触发。先注释掉allowsEditing: true，测试是否能稳定选图：

  const result = await ImagePicker.launchImageLibraryAsync({
    mediaTypes: ImagePicker.MediaTypeOptions.Images, 
    allowsMultipleSelection: false, 
    // allowsEditing: true, 
    quality: 0.5,
    exif: false, 
  })
  

• 升级依赖补丁版本
  Expo 50对应的expo-image-picker@14.7.1可能存在偶现bug，尝试升级到同大版本的最新补丁版，执行：

  npx expo install expo-image-picker@~14.7.5
  

• 检查useCallback依赖
  虽然状态更新函数setImage通常不需要加入依赖，但显式添加可避免闭包异常：

  const pickImage = useCallback(async () => {
    // 原有代码
  }, [setImage]);
  

• 测试裸机项目表现
  若为Expo managed项目，可尝试预构建为裸机项目，排查是否是Expo客户端的兼容性问题：

  npx expo prebuild
  

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