React Native 植入原生应用

React Native 植入原生应用

  1. React Native 植入原生应用 官方文档中文版要是按照文档没有错误的话,就不用看下面的了。。。
  2. 新建本地iOS Project(有的话就不用了)(跟文档一样
  3. 新建Podfile文件,在.xcodeproj文件的路径下,引入React需要的依赖文件然后再写点东西(跟文档一样)

    • path 这个路径是你的js的文件夹的路径,主要是为了找到node_modules/react-native这个文件夹目录,按照自己的实际project来
    pod 'React',:path => ‘../RN/node_modules/react-native',:subspecs => [
    'Core','RCtimage','RCTNetwork','RCTText','RCTWebSocket',]
  4. 新建一个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" # 换成自己的版本号
      }
    }
  5. 在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,有的话就不需要了

  6. 新建index.ios.js文件,写点东西(跟文档一样)

  7. 在js文件夹的目录下执行cd node_modules/react-native/进入该文件

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

  9. Run Project ,OK 了。。

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...