开源鸿蒙跨平台开发者社区

开始绝对有必要写这个:太多坑了;

开发环境: win7 64位   目标环境 android; 

1.第一步按照 react-native中文网 安装; 需要注意的是,就是你通过国内地址下载好android studio (截止目前最新版本 3.2.0);如果没有稳定的vpn环境;你也不能安装好后续的操作;

1.说明一点;这个版本的android studio 是自带 android SDK的; 那么问题是(自带的安卓sdk在安装的时候不会显示默认位置);这样容易误解;所以呢配置ANDROID_HOME这个环境变量的时候很蒙逼;实际是默认是在这  C:\Users\Administrator\AppData\Local\Android\Sdk(你们自己对照)  
我是在安装后在开启界面的configure才知道的;所以你们到这一步环境应该要配置好了;

2.安装好后 第一次启动后: 如果没有翻墙的环境: 你们会出现这样的界面:

 

赶紧配置一下吧,买个vpn也可以;完了点击cancel; 有环境的话,就会自动下载后面的一系列东西;

 

假设你们都已经完成官网及其上面的提示;跳到最后一部; cd 到当前项目目录; 执行 react-native run-android的时候;确保你们有下面两个事情要完成;

1:有adb工具了吗?(这个用来检测你的真机是否连接电脑了;以及后面要做的 reload 热重载;) 百度一下,一个工具;几百kb;

 像我及时安装这个还没有用;去下载一个adb驱动(华为的手机就是坑;如果这个不安装好,后面你运行的时候保证坑爹;一直提示没有运行环境;)

这两个东西我百度到了:可以去我的云盘下载:

链接：https://pan.baidu.com/s/1Lkl4P3Hz3Zqyy5LfoW91vA   提取码：549z 

 

adb工具的使用; 下载来之直接解压到 一个空目录;

 

cd 到这个目录: 按住shift + 鼠标右键;在此处到开命令行窗口;

 

 

 

 adb驱动的安装:(如何上面没有出现红色框中的内容,试试下面的;手机必须打开开发者选项和调试模式哦)

   

 上述步骤完成了:cd到项目目录;运行一下; react-native run-android 还是报错:

 

 

 

解决如下： 第一步：在Android/app/src/main目录下创建一个空的assets文件夹。

第二步：react- native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

 

旧版（0.41.2）；

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

 

运行后,应该就可以看到react-native的欢迎界面了;

 

如何热重载?

在开发的时候,我们并不可能每次去执行那个 react-native run-android ,而应该可以热重载;

进入adb; adb reverse tcp:8081 tcp:8081

adb shell input keyevent 82 (或着摇晃手机);

设置端口: 保证 真机 和 开发电脑 属于统一网络;

查看电脑 ip  (cmd 查看: ipconfig)

设置ip端口号

[你的ip]:8081

 

(如有还有问题,断开一下usb再试试)

 ok好了,现在可以进行基本的开发工作了;