美文网首页
Android 混合开发配置

Android 混合开发配置

作者: 小相柳 | 来源:发表于2017-05-22 13:59 被阅读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"

    }

    }

    ...

    }

    相关文章

      网友评论

          本文标题:Android 混合开发配置

          本文链接:https://www.haomeiwen.com/subject/zozzittx.html