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