首页 > 技术文章 > iOS开发嵌套ReactNative页面

pengsi 2017-06-16 08:55 原文

最近使用ReactNative做项目,有信心今天目标把ReactNative框架掌握,所以自己从每个知识点学习提高自己吧......

步骤如下:

一.创建依赖包文件(package.json):

React Native的植入过程同时需要React和React Native两个node依赖包。我们把具体的依赖包记录在package.json文件中。

  • 如果项目根目录中没有这个文件,那就自己创建一个。
  • 如果为了目录结构的美观,也可以在根目录下创建一个文件夹<这里我没有使用分文件夹,我懒得....当然分文件夹比较好的啦!!>,放置相关的ReactNative文件.

如果自己创建package.json文件,终端操作:

cd 需要放置的目录下(项目的根目录/项目中自己创建的文件夹)
touch package.json

package.json添加以下内容:我这里使用的是0.44

{
  "name": "iOSNestReactNative",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start"
  },
  "dependencies": {
    "react": "16.0.0-alpha.6",
    "react-native": "0.44.0"
  }
}
二、安装依赖包(node_modules):

使用npm(即node包管理器,Node package manager)来安装React和React Native模块。这些模块会被安装到项目根目录下的node_modules/目录中。

cd 项目的根目录/项目中自己创建的文件夹
npm install

等待执行完毕。项目中会多出一个node_modules文件夹。

三、添加React Native框架(Podfile):

在React和React Native模块成功安装到node_modules目录之后,你就可以开始创建Podfile以便选择所需的组件安装到应用中。

这里需要使用CocoaPods哟...我相信做iOS的应该都有这个吧...哈哈

推荐阅读