React Native应用中打开iOS相册应用的问题求助

你的代码在Android能正常工作，但iOS不行的核心原因是：iOS不支持通过URL Scheme直接跳转到系统相册内的特定资源，而且assets-library://协议在iOS 13及以上版本已经被完全废弃，Apple现在要求使用Photos框架来处理相册资源。

下面给你两种可行的解决方案：

方案一：自定义iOS原生模块（推荐，可控性强） #

这是最可靠的实现方式，通过原生代码调用iOS系统的Photos框架，直接唤起相册并定位到目标资源。

步骤1：创建原生模块文件 #

在你的React Native项目的ios目录下，新建两个文件：PhotoOpener.h和PhotoOpener.m

PhotoOpener.h

#import <React/RCTBridgeModule.h>
#import <Photos/Photos.h>

@interface PhotoOpener : NSObject <RCTBridgeModule>
@end

PhotoOpener.m

#import "PhotoOpener.h"
#import <React/RCTLog.h>

@implementation PhotoOpener

RCT_EXPORT_MODULE();

RCT_EXPORT_METHOD(openAssetInPhotos:(NSString *)localIdentifier resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject) {
  // 必须在主线程执行UI操作
  dispatch_async(dispatch_get_main_queue(), ^{
    // 通过localIdentifier获取相册资源
    PHFetchResult *fetchResult = [PHAsset fetchAssetsWithLocalIdentifiers:@[localIdentifier] options:nil];
    PHAsset *asset = fetchResult.firstObject;
    
    if (!asset) {
      reject(@"ASSET_NOT_FOUND", @"无法找到指定的相册资源", nil);
      return;
    }
    
    // 初始化相册选择器并指定要打开的资源
    PHImagePickerController *imagePicker = [[PHImagePickerController alloc] init];
    imagePicker.sourceType = PHImagePickerControllerSourceTypePhotoLibrary;
    imagePicker.selectedAsset = asset;
    
    // 获取根控制器并弹出相册
    UIViewController *rootViewController = [UIApplication sharedApplication].delegate.window.rootViewController;
    [rootViewController presentViewController:imagePicker animated:YES completion:^{
      resolve(@"已成功打开相册并定位到资源");
    }];
  });
}

@end

步骤2：配置相册权限 #

在ios/[你的项目名]/Info.plist中添加权限描述（iOS要求必须说明权限用途）：

<key>NSPhotoLibraryUsageDescription</key>
<string>需要访问相册来查看媒体资源</string>
<key>NSPhotoLibraryAddUsageDescription</key>
<string>需要访问相册来保存媒体资源</string>

步骤3：React Native端调用 #

修改你的JS代码，区分Android和iOS的处理逻辑：

import { NativeModules, Platform, Linking, Alert } from 'react-native';

const { PhotoOpener } = NativeModules;

openGallery = async () => {
  const { galleryUrl, source } = this.props;
  
  if (Platform.OS === 'android') {
    // Android沿用你原来的Linking逻辑
    const canOpen = await Linking.canOpenURL(galleryUrl);
    canOpen ? Linking.openURL(galleryUrl) : Alert.alert('Info', 'Under Development');
  } else {
    // iOS从asset URL中提取localIdentifier（即url中的id参数值）
    const idMatch = source.match(/id=([^&]+)/);
    if (idMatch && idMatch[1]) {
      try {
        await PhotoOpener.openAssetInPhotos(idMatch[1]);
      } catch (error) {
        Alert.alert('Error', error.message || '打开相册失败');
      }
    } else {
      Alert.alert('Error', '无效的资源URL');
    }
  }
};

关键注意事项 #

1. localIdentifier的提取：iOS的Photos框架通过localIdentifier定位资源，这个值就是你asset URL中id=后面的字符串。
2. 主线程执行：所有iOS UI操作必须在主线程执行，所以我们用dispatch_async包裹了原生代码。
3. 框架依赖：确保你的Xcode项目已经链接了Photos.framework（默认已链接，若缺失可在Build Phases -> Link Binary With Libraries中添加）。

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