一煌恢、前言
構(gòu)建產(chǎn)生React Native項(xiàng)目砾层,有三種方式:
1.通過react native init Demo糯景,在Demo目錄下枢贿,創(chuàng)建android目錄(若需引入ios工程殉农,一并創(chuàng)建ios目錄),將新建的安卓工程局荚,copy到Demo目錄的android目錄下超凳。
2.(1)npm install -g create-react-native-app(若已安裝,則不用重復(fù)安裝)
(2)create-react-native-app Demo
一樣的耀态,手動添加android和ios工程到Demo創(chuàng)建的android和ios目錄
3.(1)直接創(chuàng)建一個Demo目錄轮傍,然后新創(chuàng)建一個package.json文件,添加想要的配置
(2)npm install(會生成node modules和package-lock.json)
(3)手動添加android和ios工程到Demo創(chuàng)建的android和ios目錄首装,README.md金麸、js文件(src文件目錄、index.js)
二簿盅、詳細(xì)講第二種(其他兩種類似)
1.安裝好環(huán)境
2.npm install -g create-react-native-app
3.create-react-native-app Demo
4在Demo下創(chuàng)建一個android目錄挥下,在android studio中創(chuàng)建一個本地的工程,將工程復(fù)制到Demo的android目錄下
5修改package.json文件桨醋,npm install(按照官方文檔保留棚瘟,通過自己創(chuàng)建的react native工程,package.json中的文件會生成更多)
6配置maven
在你的app中 build.gradle 文件中添加 React Native 依賴:
dependencies {
...
compile "com.facebook.react:react-native:+" // From node_modules.
}
7在項(xiàng)目的 build.gradle 文件中為 React Native 添加一個 maven 依賴的入口喜最,必須寫在 "allprojects" 代碼塊中:
allprojects {
repositories {
...
maven {
// All of React Native (JS, Android binaries) is installed from npm
url "$rootDir/../node_modules/react-native/android"
}
}
...
}
在sync的時候偎蘸,出現(xiàn)了錯誤,一個是原生的minSdkVersion與RN的不一致
第二個是需要在清單文件中
<use-sdk tools:overrideLibrary="com.facebook.react">
三瞬内、優(yōu)缺點(diǎn)
1.init是首次創(chuàng)建項(xiàng)目迷雪, package.json產(chǎn)生了很多額外的信息
2.create-native-app創(chuàng)建app, package.json 產(chǎn)生了很多額外的信息
3.手動創(chuàng)建 package.json ,按需生成node_modules