Android 混合开发配置

2017-05-22  本文已影响24人  小相柳

安装运行步骤

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"

}

}

...

}

上一篇下一篇

猜你喜欢

热点阅读