React Native 植入原生应用

React Native 植入原生应用

React Native 植入原生应用 官方文档中文版要是按照文档没有错误的话，就不用看下面的了。。。
新建本地iOS Project(有的话就不用了)（跟文档一样）

新建Podfile文件，在.xcodeproj文件的路径下，引入React需要的依赖文件，然后再写点东西（跟文档一样）

path 这个路径是你的js的文件夹的路径，主要是为了找到node_modules/react-native这个文件夹目录，按照自己的实际project来

pod 'React', :path => ‘../RN/node_modules/react-native', :subspecs => [
'Core',
'RCTImage',
'RCTNetwork',
'RCTText',
'RCTWebSocket',
]

新建一个package.json文件(如果js和本地project是分开的两个文件夹，把package.json放在js那个文件夹里，不是分开的就放在根目录就行)(我按照文档植入的时候，会有提示说找不到package.json文件，所以就新建了一个)

{
"name": <YOUR_PROJECT_NAME>,
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node ../RN/node_modules/react-native/local-cli/cli.js start" # <自己的node_modules/react-native/local-cli/cli.js 地址>
},
"dependencies": {
"react": "^15.1.0", # 换成自己的版本号
"react-native": "^0.27.2" # 换成自己的版本号
}
}

在package.json文件的目录下，执行

npm install react-native --save

生成node_modules文件夹，如果提示

react-native@0.27.2 requires a peer of react@15.1.0 but none was installed.

，看一下文件夹的目录，有没有react这个文件夹，没有的话再执行

npm
install react --save

，有的话就不需要了

新建index.ios.js文件，写点东西（跟文档一样）

在js文件夹的目录下执行

cd node_modules/react-native/

进入该文件夹

执行

npm run start -- --root <package.json文件所在的路径>

Run Project ，OK 了。。