React Native在Android當中實踐（三）——集成到Android項目當中

React Native在Android當中實踐（三）——集成到Android項目當中

安裝JavaScript依賴包

在項目根目錄下建立一個名爲package.json的空文本文件，而後填入如下內容

{
  "name": "MyReactNativeApp",
  "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.3"
  }
}
複製代碼

version字段沒有太大意義（除非你要把你的項目發佈到npm倉庫）。scripts中是用於啓動packager服務的命令。dependencies中的react和react-native的版本取決於你的具體需求。通常來講咱們推薦使用最新版本。 能夠使用 npm info react 例如:

和 npm info react-native

在項目根目錄添加.flowconfig 也能夠手動建立在瀏覽器 raw.githubusercontent.com/facebook/re… 網址複製內容建立文件 添加

"start": "node node_modules/react-native/local-cli/cli.js 複製代碼

到package.json文件下scripts標籤 修改前 如圖

修改後 如圖

接着，在 AndroidManifest.xml 清單文件中聲明網絡權限: 若是須要訪問 DevSettingsActivity 界面（即開發者菜單），則還須要在 AndroidManifest.xml 中聲明: 開發者菜單通常僅用於在開發時從Packager服務器刷新JavaScript代碼，因此在正式發佈時你能夠去掉這一權限。

想學習更多Android知識，或者獲取相關資料請加入Android開發交流羣：1018342383。 有面試資源系統整理分享，Java語言進階和Kotlin語言與Android相關技術內核，APP開發框架知識， 360°Android App全方位性能優化。Android前沿技術，高級UI、Gradle、RxJava、小程序、Hybrid、 移動架構師專題項目實戰環節、React Native、等技術教程！架構師課程、NDK模塊開發、 Flutter等全方面的 Android高級實踐技術講解。還有在線答疑