首先本文章是在有導(dǎo)航條的基礎(chǔ)上進(jìn)行跳轉(zhuǎn)的
再者網(wǎng)絡(luò)上的姿勢也比較多，本文不能滿足你的話就請在網(wǎng)上尋找吧
在 iOS 中創(chuàng)建橋接文件
RNiOSBridgeModule
#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>
@interface RNiOSBridgeModule : NSObject<RCTBridgeModule>
@end
#import "RNiOSBridgeModule.h"
@implementation RNiOSBridgeModule
RCT_EXPORT_MODULE();
RCT_EXPORT_METHOD(jumpNextViewiOSController){
NSLog(@"jumpNextViewController");
//發(fā)送通知，在APPDelegate 里面接收并跳轉(zhuǎn)
dispatch_sync(dispatch_get_main_queue(), ^{
[[NSNotificationCenter defaultCenter] postNotificationName:@"jumpNextiOSVC" object:nil];
});
}
AppDelegate
@interface AppDelegate ()
@property (nonatomic,strong)UINavigationController *navigationCtrl;
@end
@implementation AppDelegate
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
NSURL *jsCodeLocation;
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
moduleName:@"RNAndiOSUICall"
initialProperties:nil
launchOptions:launchOptions];
rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
UIViewController *rootViewController = [UIViewController new];
rootViewController.view = rootView;
// self.window.rootViewController = rootViewController;
[self.window makeKeyAndVisible];
//一般項(xiàng)目都是使用 UINavigationController 所以，我們也需要將項(xiàng)目用UINavigationController 來管理，添加默認(rèn)的UINavigationController 導(dǎo)航條可以隱藏
//這樣跳轉(zhuǎn)頁面直接push即可
_navigationCtrl=[[UINavigationController alloc]initWithRootViewController:rootViewController];
_navigationCtrl.navigationBarHidden = YES;
self.window.rootViewController = _navigationCtrl;
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(jumpiOSVC) name:@"jumpNextiOSVC" object:nil];
return YES;
}
- (void)jumpiOSVC {
NSLog(@"可以進(jìn)行跳轉(zhuǎn)了");
[self.navigationCtrl pushViewController:[iOSViewController new] animated:YES];
}
RN
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
TouchableOpacity,
NativeModules
} from 'react-native';
let RNiOSBridge = NativeModules.RNiOSBridgeModule;
export default class RNAndiOSUICall extends Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>
Welcome to React Native!我是React Native界面
</Text>
<TouchableOpacity onPress={()=>{
RNiOSBridge.jumpNextViewiOSController();
}}>
<Text>點(diǎn)擊跳轉(zhuǎn)到 iOS 的原生界面</Text>
</TouchableOpacity>
</View>
);
}
}
在 iOS頁面跳轉(zhuǎn)到RN頁面相對簡單，在回調(diào)中即可實(shí)現(xiàn)（借用上篇文章代碼）
[self.bridge.eventDispatcher sendAppEventWithName:@"getSelectDate" body:@{@"SelectDate":str_date}];
componentDidMount (){
this.listener=NativeAppEventEmitter.addListener('getSelectDate',(data)=>{
console.log('data'+JSON.stringify(data));
console.log('selectDate:'+data.SelectDate);
在此處實(shí)現(xiàn)RN的跳轉(zhuǎn)事件即可
})
}
componentWillUnmount(){
this.listener.remove();
}
