使用CocoaPods在现有项目集成React-Native
来源:互联网 发布:linux写python 编辑:程序博客网 时间:2024/05/22 18:43
- 使用命令 react-native init newProject 新创建一个react Native项目。
- 将新创建的react native项目中的index.ios.js文件和node_modules,package.json放在一个文件夹中,如下图所示。
- 在已有的iOS工程里集成CocoaPods(集成步骤见上一篇博文),在podfile文件中写下如下代码:
path根据自己的工程目录修改
platform :ios, ‘7.0’ target “RN-React-Native” do pod ‘React’, :path => ‘./react-native/node_modules/react-native’, :subspecs => [
‘RCTText’,
‘RCTImage’,
‘RCTWebSocket’,
‘RCTPushNotification’,
‘RCTActionSheet’,
‘ART’,
‘RCTCameraRoll’ ] end
4.podfile文件修改完之后,cd到iOS项目工程的根目录里执行命令 pod install ,安装RN所需库文件。
5.使用生成好的.ccworkspace打开项目,在原有iOS工程里新建一个派生类ReactView,为更好的理解RN+iOS混合开发,然后在init …frame方法里写入以下代码
导入头文件:#import “RCTRootView.h”
-(instancetype)initWithFrame:(CGRect)frame{
if (self = [super initWithFrame:frame]) {
NSURL *jsLocation = [NSURL URLWithString:@”http://localhost:8081/index.ios.bundle“];
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsLocation moduleName:@”iostaoge03”
initialProperties:nil launchOptions:nil];
self.rootView = rootView;
[self addSubview:rootView];
}
return self;}
6 . ViewController.m的viewDidLoad里添加视图,
(void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
ReactView *rootView = [[ReactView alloc]initWithFrame:CGRectMake(110, 110, 220, 220)];[self.view addSubview:rootView]; }
7.启动RN服务 npm 终端命令:cd 到下图标注的目录执行命令
npm start
- 使用CocoaPods在现有项目集成React-Native
- React Native在现有项目中的使用
- React-Native 集成到现有项目实践
- react native 集成现有的Android项目
- IOS-React Native 使用CocoaPods集成到原生项目中
- 使用cocoapods 集成react-native 笔记
- iOS开发-React Native(V0.47)在现有项目中集成+踩坑
- 现有iOS项目集成React Native过程记录
- React Native集成到现有Android Studio项目
- IOS与React Native混编,将RN框架使用CocoaPods集成到原生项目中
- React Native与现有的应用程序集成
- 使用CocoaPods 将 React Native 导入已有的项目中
- 集成 React Native 到现有的 Android 项目( Mac, Windows 通用版 )
- 集成 React Native 到现有的 Android 项目( Mac, Windows 通用版 )
- React Native 集成到已有项目
- React Native 教程——集成到现有原生应用
- iOS-在现有项目中添加React Native(手动RNDemo)
- iOS-在现有项目中添加React Native(手动RNDemo)
- 上传文件,Nginx出现的413 Request Entity Too Large错误
- 通过端口 1433 连接到主机 192.168.168.112 的 TCP/IP 连接失败。
- go语言学习
- 认识C#中的委托和事件
- 解决phpMyAdmin“登录超时 (1440 秒未活动),请重新登录”的问题
- 使用CocoaPods在现有项目集成React-Native
- 在SpringMVC中,获取request对象的几种方式
- centos 安装 tomcat 7
- 《JAVA与模式》之观察者模式
- PHP的重写和重载
- iOS10新特性
- 4.1 服务器上的 Git - 协议
- 【论文笔记】From Facial Parts Responses to Face Detection: A Deep Learning Approach
- npm用法以及更换到淘宝镜像的方法