React-Native桥接iOS原生开发详解资源-CSDN下载

139 浏览量 2021-01-04 02:10:20 上传评论收藏 62KB PDF 举报

资源推荐

资源详情

资源评论

React-Native 桥接桥接iOS原生开发详解原生开发详解

react-native的文档的原生模块中可以看到清洗的代码传送门

接下来先说一下笔者的要实现的功能:

在iOS原生代码中集成高德导航,在RN中用JS去调用原声代码,并进行跳转,

接下来是笔者遇到的问题与不好理解的地方,写出来跟大家分享让大家少走弯路.

刚开始也是一头雾水且查资料也是到处都是但是都没有解决问题.

iOS原生写法原生写法

在iOS中创建类继承NSObject(OC语言).

//类的.h文件

#import <Foundation/Foundation.h>

#import <React/RCTBridgeModule.h>

#import <React/RCTLog.h>

#import <React/RCTUIManager.h>

@interface GaoMapManager : NSObject<RCTBridgeModule>

@end

// 类的.m文件

#import "GaoMapManager.h"

#import <AMapNaviKit/AMapNaviKit.h>

#import <UIKit/UIKit.h>

#import "GPSNaviViewController.h"

@implementation GaoMapManager

@synthesize bridge = _bridge;

RCT_EXPORT_MODULE();

RCT_EXPORT_METHOD

(

pushViewControllerXYZ:(nonnull NSNumber *)reactTag

)

{

RCTUIManager *uiManager = _bridge.uiManager;

GPSNaviViewController *gps = [[GPSNaviViewController alloc] init];

dispatch_async(uiManager.methodQueue, ^{

[uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {

UIView * view = viewRegistry[reactTag];

UIViewController *vc = (UIViewController *)view.reactViewController;

[vc presentViewController:gps animated:YES completion:^{

}];

}];

});

}

以上是全部iOS端的类文件的代码.当然继承高德地图是需要在AppDelegate.m文件中注册高德apiKey(如果地图不显示,Xcode

中会显示错误,apikey不生效需要10分钟之后生效且一个key对应一个app,否者会出错)

RN中写法中写法

看到这大家如果认真看了上面的代码,会注意到reactTag这个参数,在JS中怎么传这个参数呢,又代表着什么意思

其实很简单

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

内容反馈

weixin_38677260

粉丝: 3

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip