React Native和原生iOS Objective-C的交互解决方案

参考这篇官方文章:Native Modules

用一个RCTRootView作为iOS里一个Controller的view。在RN层的左上角返回按钮点击后pop回iOS层。发现无法执行,调试发现controller的navigationCont的值是空的。发现与RN交互的这个self地址和iOS层的self并不是同一个内存地址,RN应该是deep copy了iOS层的self等,导致无法进行pop。


有一种解决方案:写一个单例TCReactNativeBridge,专门给用来处理原生和React Native之间的交互,TCReactNativeBridge暴露一个delegate给需要交互的原生Controller,用来接收React Native传递过来的事件和参数,并用回调的方式传回参数给React Native。

#import "RCTBridgeModule.h"

@protocol TCReactNativeBridgeDelegate <NSObject>

@optional
-(void)rn_leftBarButtonClicked;
-(void)rn_rightBarButtonClicked;
-(void)rn_reciveFromReactNative:(NSString*)action
                        paramas:(NSArray*)paramas
                       callback:(RCTResponseSenderBlock)callback;

@end

@interface TCReactNativeBridge : NSObject<RCTBridgeModule>

@property (nonatomic,weak) id<TCReactNativeBridgeDelegate> delegate;

+(instancetype)sharedIncetance;

@end


@implementation TCReactNativeBridge

RCT_EXPORT_MODULE()

+(instancetype)sharedIncetance
{
    static TCReactNativeBridge *incetance = nil;
    static dispatch_once_t onceToken;
    dispatch_once(&onceToken, ^
                  {
                      incetance = [[TCReactNativeBridge alloc] init];
                  });
    
    return incetance;
}
<span style="font-family: Arial, Helvetica, sans-serif;">
</span>
<span style="font-family: Arial, Helvetica, sans-serif;">-(void)rn_reciveFromReactNative:(NSString*)action</span>
                        paramas:(NSArray*)paramas
                       callback:(RCTResponseSenderBlock)callback
{
    if ([action isEqualToString:@"hideTabbar"]) {
        [[TCGlobal sharedIncetance].tabBarController setTabBarHidden:YES animated:YES];
    }
    else if ([action isEqualToString:@"showTabbar"]) {
        [[TCGlobal sharedIncetance].tabBarController setTabBarHidden:NO animated:YES];
    }
    else if ([action isEqualToString:@"motherForumBoardCreateNewPost"]) {
        TMCreateMotherForumPostViewController *c = [[TMCreateMotherForumPostViewController alloc] init];
        UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:c];
        [self presentViewController:nav animated:YES completion:nil];
    }
}

在需要和React Native交互的地方接收delegate

-(void)rn_reciveFromReactNative:(NSString*)action
                        paramas:(NSArray*)paramas
                       callback:(RCTResponseSenderBlock)callback
{
    if ([action isEqualToString:@"hideTabbar"]) {
        [[TCGlobal sharedIncetance].tabBarController setTabBarHidden:YES animated:YES];
    }
    else if ([action isEqualToString:@"showTabbar"]) {
        [[TCGlobal sharedIncetance].tabBarController setTabBarHidden:NO animated:YES];
    }
}



  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值