Android 混合开发配置
安装运行步骤
1. [环境配置](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):执行以下命令
npm init :主要根据提醒生成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.上面命令执行完毕之后运行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.根目录下执行gradlew.bat assembleDebug
6.根目录下执行gradlew.bat installDebug
###后续编译运行
1.直接执行上面的3-6即可
整个工程build.gradle配置:
allprojects {
repositories {
...
maven { //AllofReact Native (JS, Android binaries)isinstalledfromnpm
url"$rootDir/node_modules/react-native/android"
}
}
...
}