react-native 搭建环境

1.安装 nodejs 配置环境变量

• node -v
• npm -v

2.安装 javaSE 1.8以上 http://www.oracle.com/technetwork/java/javase/archive-139210.html

• 下载 jdk
• 配置环境变量
• JAVA_HOME JDK安装路径
• PATH jdk/bin 路径
• CLASSPATH .: jdk.lib 路径 记得最前面加上 .:
• java --version
• javac --version

3.安装 androidStudio

安装的时候能够勾选的全勾上

http://reactnative.cn/docs/0.50/getting-started.html

打开的时候选择 config > sdk 配置一些东西

在SDK Platforms窗口中，

选择Show Package Details，

然后在Android 6.0 (Marshmallow)中勾选

Google APIs、

Android SDK Platform 23、

Intel x86 Atom System Image、

Intel x86 Atom_64 System Image

Google APIs Intel x86 Atom_64 System Image

在SDK Tools窗口中

选择Show Package Details

然后在Android SDK Build Tools中勾选

Android SDK Build-Tools 23.0.1（必须包含有这个版本。当然如果其他插件需要其他版本，你可以同时安装其他多个版本）。

然后还要勾选最底部的Android Support Repository.

4.配置 ANDROID_HOME

F:\工具\androidSDK\docs\sdk

5.配置 path 要用到这两个 目录的工具

%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

安装git 配置环境变量

6. 安装 react-native-cli

react-native init pro // 先初始化一个项目文件好用

7. 打开androidStudio 直接打开pro项目里面的android文件

点击 AVG manager按钮，创建一个手机模拟器， 用其他模拟器可以

注： amd显卡无法开启AVG

开启其他模拟器，执行adb devices // 没有发现设备请看这里

把android的adb.exe , 复制到模拟器里面去

5.成功开启后模拟器后

cd pro

react-native run-android

这行到这一步 如果看见 打包成功 BUILD SUCCESSFUL

那么就能在 虚拟设备上找到你的项目打开就行

react-native 项目打包

查看详情

1.生成一个签名密匙

keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

按提示输入信息用户密码， 密码最好一样

国家: 86

是否正确: y

2. 把生成的 my-release-key.keystore 移动到 android/app/ 下面

3、修改 android/gradle.properties 文件, 增加如下

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore

MYAPP_RELEASE_KEY_ALIAS=my-key-alias

MYAPP_RELEASE_STORE_PASSWORD=xx

MYAPP_RELEASE_KEY_PASSWORD=xx

[注意替换xx为你自己设置的密钥和存储密码]

4、修改 android/app/build.gradle 文件， 增加大括号内的内容，

defaultConfig {
...
}
【signingConfigs {
release {
storeFile file(MYAPP_RELEASE_STORE_FILE)
storePassword MYAPP_RELEASE_STORE_PASSWORD
keyAlias MYAPP_RELEASE_KEY_ALIAS
keyPassword MYAPP_RELEASE_KEY_PASSWORD
}
} 】
buildTypes {
release {
...
【signingConfig signingConfigs.release 】
}
}

5、进入 android目录 执行：

gradlew assembleRelease

结束后会在android/app/build/outputs/apk/文件夹中生产可以发布的app-release.apk

可能会提示gradlew命令不存在，但命令确实存在与该目录下 请尝试".",

.\gradlew assembleRelease