RN頁面跳轉(zhuǎn)到iOS原生控制器

參考從react-native中跳轉(zhuǎn)到自帶的原生頁面,首要的問題就是跳轉(zhuǎn),怎么跳轉(zhuǎn)。
在react-native中提供給了我們Navigator這個(gè)組件(相信做過RN開發(fā)的小伙伴都有用到過),而原生的iOS也提供了UINavigationController,所以想要跳轉(zhuǎn),我們就需要用到這兩個(gè)東西。

本質(zhì)還是ios中進(jìn)行跳轉(zhuǎn),RN調(diào)原生暴露的跳轉(zhuǎn)功能方法即可

ios原生

ToolPushNative.h文件

#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>
@interface ToolPushNative : NSObject<RCTBridgeModule>
@end

ToolPushNative.m文件

#import "ToolPushNative.h"
// 導(dǎo)入跳轉(zhuǎn)的頁面
#import "ToolsViewController.h"
@implementation ToolPushNative
RCT_EXPORT_MODULE(ToolPushNative)
// RN跳轉(zhuǎn)原生界面
// RNOpenToolsVC指的就是跳轉(zhuǎn)的方法,下面會(huì)用到
RCT_EXPORT_METHOD(RNOpenToolsVC:(NSString *)msg){
  
  NSLog(@"RN傳入原生界面的數(shù)據(jù)為:%@",msg);
  //主要這里必須使用主線程發(fā)送,不然有可能失效
  dispatch_async(dispatch_get_main_queue(), ^{
    ToolsViewController *toolsVC = [[ToolsViewController alloc]init];
    toolsVC.hidesBottomBarWhenPushed = NO;
    //獲取當(dāng)前的導(dǎo)航控制器(我這里是從二級控制器頁面加載RN,然后返回一級控制器)。也可利用UIApplication獲取
   UIViewController*rootvc = [self getCurrentVC];
    [rootvc.navigationController popViewControllerAnimated:NO];
    
//    AppDelegate *app = (AppDelegate *)[[UIApplication sharedApplication] delegate];
//    [app.nav pushViewController:toolsVC animated:YES];
  });
}

RN中

1.需要導(dǎo)入NativeModules

// 看到 PushNative 是不是很熟悉,沒錯(cuò)這個(gè)就是原生中寫的那個(gè)類
// 后面一定要一樣哦,前面可以隨意定制。
var Push = NativeModules.ToolPushNative;

2.跳轉(zhuǎn)

goBackNative = () => {
        Push.RNOpenToolsVC('傳值給原生的數(shù)據(jù)');
    }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容