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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章