iOS原生项目(Objective-C)集成React Native(0.57.3版本)图文教程--(2)集成过程

iOS原生项目(Objective-C)集成React Native(0.57.3版本)图文教程–(1)基本环境

iOS原生项目(Objective-C)集成React Native(0.57.3版本)图文教程–(2)集成过程

iOS原生项目(Objective-C)集成React Native(0.57.3版本)图文教程–(2)集成过程

1. 先用react-native init RNDemo命令，创建个空的RN项目

目的是获取package.json文件配置
目的是获取package.json文件配置
目的是获取package.json文件配置

package.json文件处理

2. 在iOS项目(RNDemo)根目录下创建ReactComponent文件夹,将1的package.json文件放进去

name是当前iOS原生项目文件夹的名称,如此为RNDemo

{
  "name": "RNDemo",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.6.0-alpha.8af6728",
    "react-native": "0.57.3"
  }
}

3. cd到ReactComponent文件下，运行npm install,会生成node_modules文件夹和package-lock.json文件: 如果特别慢,镜像到国内

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
<