iOS现有项目集成React Native

  1. 创建一个新的目录,用于存放React Native.并在该目录下,再创建一个/ios子目录.这个子目录用来存放你的项目.iOS现有项目集成React Native_第1张图片
  2. 再在ios目录下,新建一个package.json文件,把一下内容贴进去iOS现有项目集成React Native_第2张图片(name为你ios项目的名字)
  3. 再命令行add react-native安装React Native模块
  4. 默认会安装最新的React Native,同时也会提示你,需要依赖的版本iOS现有项目集成React Native_第3张图片
  5. 这里还需要执行一次npm add [email protected] 命令
  6. 编辑Podfile文件,输入以下内容
    1. pod 'React', :path => '../../node_modules/react-native', :subspecs => [

        'Core',

        'CxxBridge', # 如果RN版本 >= 0.45则加入此行

        'DevSupport', # 如果RN版本 >= 0.43,则需要加入此行才能开启开发者菜单

        'RCTText',

        'RCTNetwork',

        'RCTWebSocket', # 这个模块是用于调试功能的

        'RCTAnimation',

        'RCTActionSheet',

        'RCTImage',

        'RCTVibration',

        'RCTSettings',

        'RCTGeolocation',

        'RCTLinkingIOS'

        ]

        # 如果你的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'

  7. 再pod install安装一次即可

你可能感兴趣的:(ios)