RN交互iOS

RN與原生iOS交互有傳值 通知 第一種RN傳值iOS

原生代碼
RCT_EXPORT_MODULE() 導出模塊
RCT_EXPORT_METHOD(RNOpenVC:(NSString *)msg){} 導出函數名以及參數
import{NativeModules}
const xxx = NativeModules.'模塊名稱';
xx.RNOpenVC(('xxxx'));
複製代碼

第二種

通知
原生代碼
原生類文件繼承：RCTEventEmitter<RCTBridgeModule>
RCT_EXPORT_MODULE(); //導出模塊
//添加通知名稱
- (NSArray<NSString *> *)supportedEvents {
  return @[@"locationCenterEvent",
           @"decompileAddressEvent",
           @"onClickDetailPage",
           @"onPressMarkDetailinfo",
           @"onTagFuncationIndex",
           @"onPressPrivateChat",
           @"onPressChildPageDetailinfo",
           @"chlidPagelocation",
           @"onPressHeadPersonalPageClick",
           @"onPressMapSearchClick"]; //這裏返回的將是你要發送的消息名的數組。
}
//添加監聽通知方法（注意： 函數名字不可隨意改變）
- (void)startObserving{
    //點擊進入搜索
    [[NSNotificationCenter defaultCenter] addObserver:self
    selector:@selector(onPressMapSearchClick:)
    name:@"onPressMapSearchClick"
    object:nil];
}
//實現通知方法
- (void)onPressMapSearchClick:(NSNotification *)notify{
    [self sendEventWithName:@"onPressMapSearchClick"  body:@{ @"code": @"1",
    @"result": notify.object, }];
}
//中止監聽通知（移除通知）
- (void)stopObserving{
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}

RN代碼
複製代碼

import { NativeModules, NativeEventEmitter,} //調用通知模塊 const tagEventEmitter = NativeModules.tagEventEmitter; const tagEventEmitters = new NativeEventEmitter(tagEventEmitter);

監聽方法
 //搜索跳轉
  this.onPressMapSearchClick = tagEventEmitters.addListener('onPressMapSearchClick', (obj) => {
    this.props.navigation.navigate('Search');
  });
  
  //移除通知
 componentWillUnmount() {
    this.onPressMapSearchClick.remove();
}
以上即是項目種使用到的RN與原生交互方式，其餘交互方式敬請期待。。。。。複製代碼