美文网首页
iOS Native获取RN页面的数据

iOS Native获取RN页面的数据

作者: 摸着_石头过河 | 来源:发表于2017-05-18 11:39 被阅读56次
    1.创建原生模块,实现“RCTBridgeModule”协议
    #import <Foundation/Foundation.h>
    #import <React/RCTBridgeModule.h>
    
    @interface NativeTestMoudle : NSObject<RCTBridgeModule>
    
    @end
    
    2.导出模块,导出方法
    #import "NativeTestMoudle.h"
    
    @implementation NativeTestMoudle
    
    //导出模块
    RCT_EXPORT_MODULE(); //此处不添加参数即默认为这个OC类的名字
    
    //导出方法,桥接到js的方法返回值类型必须是void
    RCT_EXPORT_METHOD(doSomehing:(NSString*)name)
    {
      NSLog(@"My name is :%@",name);
    }
    
    @end
    
    3. js文件中调用
    3.1 1导入头文件
    import {
        NativeModules,
    } from 'react-native';
    
    3.1 2在回调处使用以下代码
    callBackNative(){
     let NativeModule = NativeModules.NativeTestMoudle;
       NativeModule.doSomehing('ReactNative回调回来的数据1233');
    }
    
    4. 控制台输出
    07A9F072-A5AA-44BC-B87F-153BDD176F8D.png

    相关文章

      网友评论

          本文标题:iOS Native获取RN页面的数据

          本文链接:https://www.haomeiwen.com/subject/kfksxxtx.html