美文网首页
ReactNative调用ios原生

ReactNative调用ios原生

作者: 豆汁儿还是豆花儿 | 来源:发表于2020-08-05 08:40 被阅读0次

    1.RN调用ios原生功能

    #import <React/RCTBridgeModule.h>
    @interface RNTestModule : NSObject<RCTBridgeModule>
    @end
    
    RCT_EXPORT_MODULE(给RN调用的模块名字,若和类名保持一致可以不填);
    RCT_EXPORT_METHOD(startFacewithUser:(NSDictionary*)params  callback:(RCTResponseSenderBlock)callback) {
     
    }
    

    2.RN调用ios原生UI组件

    参考另一篇文章《RN调用原生UI》

    3.ios调用RN完整页面功能

    RN先在AppRegistry注册RNTest模块

    #import <React/RCTRootView.h>
    
        NSURL *jsCodeLocation;
    #ifdef DEBUG
        jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.bundle?platform=ios"];
    #else
        jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"outputIOS/my" withExtension:@"jsbundle"];
    #endif
        RCTRootView *rootView =
          [[RCTRootView alloc] initWithBundleURL: jsCodeLocation
                                      moduleName: @"RNTest"
                               initialProperties: nil
                                   launchOptions: nil];
        self.view = rootView;
    
    

    相关文章

      网友评论

          本文标题:ReactNative调用ios原生

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