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"

}

}

...

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容