安裝運行步驟
1. [環(huán)境配置](http://reactnative.cn/docs/0.44/getting-started.html#content)
2.如果npm安裝好之后,可以設置一下淘寶鏡像源
先運行npm install -g cnpm --registry=https://registry.npm.taobao.org
再運行npm install -g cnpm --registry=https://registry.npm.taobao.org
首次運行
1.先在app模塊下的main目錄下新建assets目錄
2、cmd進入項目地址(或者點擊Android studio中的Terminal):執(zhí)行以下命令
npm init? :主要根據(jù)提醒生成package.json文件
npm install--save react react-native? ? ? ? :安裝React 和React Native
curl -o .flowconfig https://raw.githubusercontent.com/facebook/react-native/master/.flowconfig? ? ? ? :下載.flowconfig文件
查看項目中有node_modules,說明react和react native 安裝完成西土。
3.上面命令執(zhí)行完畢之后運行react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output app/src/main/assets/index.android.bundle --sourcemap-output app/src/main/assets/index.android.map --assets-dest android/app/src/main/res/
4.看到assets目錄下index.android.bundle和index.android.bundle.meta文件生成之后碟案,點擊運行按鈕即可啟動APP
5.根目錄下執(zhí)行gradlew.bat assembleDebug
6.根目錄下執(zhí)行gradlew.bat installDebug
###后續(xù)編譯運行
1.直接執(zhí)行上面的3-6即可
整個工程build.gradle配置:
allprojects {
repositories?{
...
maven?{?????????//AllofReact?Native?(JS,?Android?binaries)isinstalledfromnpm
url"$rootDir/node_modules/react-native/android"
}
}
...
}