ReactNative与原生通信

1. 从原生组件传递属性到React Native(原生->RN)

通过RCTRootView将属性传给RN

iOS代码如下

NSDictionary *props = @{@"desc":@"hello, fuck you"};
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"XYMobileTest"
                                               initialProperties:props
                                                   launchOptions:nil];
MainViewController* vc = [[MainViewController alloc] init];
vc.view = rootView;

2. 从React Native传递属性到原生组件(RN->原生)

2.1 iOS做如下修改

  • 引入#import <React/RCTBridgeModule.h>以及<RCTBridgeModule>协议
  • 必须实现RCT_EXPORT_MODULE()方法
  • 设置你自定义的方法
RCT_EXPORT_METHOD(testName:(NSString *)name){
  NSLog(@"%@",name);
};

2.2 JS做如下修改

  • 引入import { NativeModules } from 'react-native';
  • 使用OC中定义的方法
let connection = NativeModules.XYConnection;
connection.testName('Will');

具体可见一个demo,欢迎✨✨✨

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容