React Native iOS（Objective-C）桥接能否返回非Promise值？

结论 #

React Native的Objective-C桥接无法直接同步返回非Promise类型的值，底层通信机制决定了JS与原生之间的交互是异步的，原生方法不能像纯JS函数那样直接返回同步结果。

替代实现方案 #

虽然不能同步返回，但可以通过以下两种方式实现类似的“获取返回值”的需求：

1. 使用回调函数 #

在原生方法中接收一个回调Block，处理完逻辑后调用回调将结果传递给JS端：

// 原生Objective-C代码
RCT_EXPORT_METHOD(myFunc:(NSDictionary *)x callback:(RCTResponseSenderBlock)callback) {
    // 处理输入参数x的业务逻辑
    BOOL result = NO;
    if ([x[@"key"] isEqualToString:@"valid"]) {
        result = YES;
    }
    // 通过回调返回结果
    callback(@[@(result)]);
}

JS端调用时传入回调函数接收结果：

// JS代码
import { NativeModules } from 'react-native';

NativeModules.MyModule.myFunc({ key: 'valid' }, (result) => {
    console.log('返回结果:', result); // 输出true/false
});

2. 使用Promise封装（推荐） #

利用React Native对Promise的支持，原生方法通过RCTPromiseResolveBlock和RCTPromiseRejectBlock来传递结果，JS端可以用async/await语法更优雅地处理：

// 原生Objective-C代码
RCT_EXPORT_METHOD(myFunc:(NSDictionary *)x resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject) {
    @try {
        BOOL result = [x[@"key"] isEqualToString:@"valid"];
        // 成功时返回结果
        resolve(@(result));
    } @catch (NSException *exception) {
        // 失败时返回错误信息
        reject(@"INVALID_INPUT", @"参数处理出错", [NSError errorWithDomain:@"MyModule" code:-1 userInfo:nil]);
    }
}

JS端调用示例：

// JS代码
import { NativeModules } from 'react-native';

async function getResult() {
    try {
        const result = await NativeModules.MyModule.myFunc({ key: 'valid' });
        console.log('返回结果:', result);
        return result;
    } catch (error) {
        console.error('调用出错:', error);
    }
}

getResult();

现状说明 #

从2015年至今，React Native的Objective-C桥接底层通信机制（基于消息队列的异步交互）没有本质变化，因此同步返回值的需求仍然无法直接实现。目前的最佳实践就是通过回调或Promise的异步方式来传递结果。

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