ReactNative项目结构介绍

ReactNative项目结构介绍

创建新项目

react-native init HelloRN

目录结构

在 HelloRN 工程目录下：

• android/: Android 原生代码目录，主要用于原生库、原生View的编写桥接、以及 ReactNative 第三方库的 link。
• ios/: iOS 原生代码目录，主要用于原生库、原生View的编写桥接、以及 ReactNative 第三方库的 link。
• index.js: 设备运行项目的入口文件。
• package.json: npm 的包管理文件，功能类似 Android 的 gradle，iOS 的 cocoaPods。
• node_modules/: 执行 npm install 之后生成，包含 npm 根据 package.json 下载的第三方包的源代码。
• （如果搭建了 typescript 开发环境：）
  
  • tsconfig.json: typescript 环境配置文件。
  • src/: typescript 搭建环境时新建目录，用于存放之后编写的 ts 代码。
  • lib/: 执行 tsc 脚本后，根据已有 ts 代码，编译成的 js 代码目录，也是代码运行时的目录，即运行时代码都指向 lib 文件夹。

运行新项目

npm install
react-native run-android