iOS项目导入React Native

• 创建目录结构和安装ReactNative

1. 创建目录
   在本地创建一个文件夹作为项目的根目录，在根目录下创建 package.json 文件，把下边代码填写里边

  {
    "name": "MyReactNativeApp",
    "version": "0.0.1",
    "private": true,
    "scripts": {
      "start": "node node_modules/react-native/local-cli/cli.js start"
    }
  }

2. 安装React Native
   $ yarn add react-native
   也可以选择某一版本的react-native，只需要在后边加 --version 0.44.3
   安装完成后会出现一行错误

warning "[email protected]" has unmet peer dependency "[email protected]".

这说明还需要安装对应版本的React
yarn add [email protected]

3. 可能出现的错误

Please try running this command again as root/Administrator

该错误说明需要管理员权限
sudo chown -R $USER /usr/local

• 用CocoaPods导入

在Podfile中添加需要的依赖文件，然后执行install

    # 'node_modules'目录一般位于根目录中
    # 但是如果你的结构不同，那你就要根据实际路径修改下面的`:path`
    pod 'React', :path => '../node_modules/react-native', :subspecs => [
    'Core',
    'CxxBridge', # 如果RN版本 >= 0.47则加入此行
    'DevSupport', # 如果RN版本 >= 0.43，则需要加入此行才能开启开发者菜单
    'RCTText',
    'RCTNetwork',
    'RCTWebSocket', # 调试功能需要此模块
    'RCTAnimation', # FlatList和原生动画功能需要此模块
    # 在这里继续添加你所需要的其他RN模块
  ]
  # 如果你的RN版本 >= 0.42.0，则加入下面这行
  pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'

  # 如果RN版本 >= 0.45则加入下面三个第三方编译依赖
  pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
  pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
  pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'

剩下的就交给Xcode来做了

• 运行 Packager
  首先需要启动开发服务器（即 Packager，它负责实时监测 js 文件的变动并实时打包，输出给客户端运行）。一定要进入到根目录（上边创建的目录）中启动
  nmp start