luqin / blog

My blog
https://github.com/luqin/blog/issues
64 stars 11 forks source link

[React Native][Windows] 构建 React Native Android #16

Open luqin opened 8 years ago

luqin commented 8 years ago

本文包含了在 Windows 系统中构建 React Native Android 应用和运行官方示例。

参考:在Windows下搭建React Native Android开发环境

另外需要安装 Android NDK,配置环境变量 ANDROID_NDK,下载地址:http://developer.android.com/ndk/downloads/index.html

模拟器

安装Genymotion,点击 Settings: image

选择ADB,=>Use custom Android SDK tools,选择SDK的路径: image

启动一个模拟手机设备,在 DOS 窗口中:adb devices,应该能看到手机设备在运行。

React Native Package Manager

https://github.com/rnpm/rnpm

安卓调试

打开 Chrome,访问 http://localhost:8081/debugger-ui,应当能看到一个页面。按F12打开开发者菜单。

在模拟器或真机菜单中选择Debug JS,即可开始调试。

运行官方 Examples

./gradlew :Examples:Movies:android:app:installDebug
# Start the packager in a separate shell (make sure you ran npm install):
./packager/packager.sh
# Open the Movies app in your emulator
gradlew :Examples:Movies:android:app:installDebug
:: gradlew :Examples:UIExplorer:android:app:installDebug
:: Start the packager in a separate shell (make sure you ran npm install):
cmd /c call "packager/launchPackager.bat"
:: Open the app in your emulator

生成已签名的APK

luqin commented 8 years ago

增加运行官方 Examples