參考從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ù)');
}