React Native通过Objective C原生模块按tag获取视图报错求助

首先，你碰到的unrecognized selector sent to instance错误，核心原因是你的RNNativePlayerAdapter类没有让React Native桥接系统正确注入bridge属性。咱们一步步来修复：

1. 确保模块类正确遵循RCTBridgeModule协议 #

你的模块类必须继承自NSObject并遵循RCTBridgeModule协议，同时实现模块注册的必要方法，这样React Native才会自动为类注入bridge属性：

#import <React/RCTBridgeModule.h>
#import <React/RCTUIManager.h>
#import <React/RCTLog.h>

@interface RNNativePlayerAdapter : NSObject <RCTBridgeModule>
@end

@implementation RNNativePlayerAdapter

// 必须实现该方法，注册模块的JS调用名称
RCT_EXPORT_MODULE()

// 这里可以添加自定义属性或其他方法
@end

2. 修正获取视图的核心代码 #

调整你的initVideoContainer方法，优化类型处理和错误判断，确保能安全拿到目标视图：

RCT_EXPORT_METHOD(initVideoContainer:(NSInteger)tagId) {
    // 先检查bridge是否有效，避免空指针异常
    if (!self.bridge) {
        RCTLogError(@"Bridge instance is nil, cannot access UI manager");
        return;
    }
    
    [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, UIView *> *viewRegistry) {
        NSNumber *tagNumber = @(tagId);
        UIView *targetView = viewRegistry[tagNumber];
        
        if (!targetView) {
            RCTLogError(@"No view found with tagId: %ld", (long)tagId);
            return;
        }
        
        if (![targetView isKindOfClass:[UIView class]]) {
            RCTLogError(@"Expected UIView, got: %@", [targetView class]);
            return;
        }
        
        // 这里写你拿到视图后的业务逻辑，比如添加播放器、调整布局等
        RCTLogInfo(@"Successfully fetched view: %@ with tagId: %ld", targetView, (long)tagId);
    }];
}

3. 额外注意事项 #

• JS端传递正确的tagId：在JS组件里通过ReactNative.findNodeHandle(componentRef)获取对应视图的tagId，再传递给原生模块
• UIBlock会自动在主线程执行，你可以直接在里面做UI操作，不需要手动切换线程
• 不要手动创建RNNativePlayerAdapter的实例，所有原生模块实例都由React Native桥接系统管理，直接通过JS调用方法即可

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