本文旨在介绍windows环境的android应用的环境搭建和项目构建以及真机调试。
由官方文档可知,react-native必须安装的依赖有:Node、JDK 和 Android Studio。
虽然你可以使用任何编辑器
来开发应用(编写 js 代码),但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。
1、 关于android studio的下载和安装建议参考:Android Studio下载与安装_Shen-Childe的博客-CSDN博客_android studio下载安装
2、 关于node的安装和下载建议使用nvm node版本管理工具进行下载和使用,可以参考我的另一篇博客: nvm动态管理node版本_F_cy的博客-CSDN博客_nvm 查看可安装版本
node的安装版本应在14及以上
3、 jdk的下载直接双击执行文件安装即可,安装文件百度网盘地址:
链接:https://pan.baidu.com/s/19la9SR3-xES7-qADZjcQMQ
提取码:hd91
jdk安装完成之后进行系统的高级系统设置进行如下配置:
JAVA_HOME
C:\Program Files\Java\jdk-11.0.11 //这里的路径是你安装jdk时候的路径
%JAVA_HOME%\bin
配置完成后打开命令窗口,输入java -version出现以下代码,jdk安装完毕。
跟随着android安装教程完成后,接下来安装react-native所需要的组件配置
最后:
至此android安装配置完成
最后进行reaact-native的项目构建:
这里仅仅显示两种项目的构建方式,详情可以查看官方文档。
普通的项目构建:npx react-native init AwesomeProject
ts模板项目构建:npx react-native init AwesomeTSProject --template react-native-template-typescript
执行命令之后耐心等待即可。
项目构建完成之后,可以使用的android studio打开根目录下的android文件,启动手机模拟器
模拟器启动完毕之后,输入以下命令,检查设备是否连接正常。出现以下device即说明连接成功。
adb devices
随后在项目根目录下执行命令
yarn android 或者 npm run android
等待执行完毕即可看到模拟器以下界面,
如果想要真机调试,首先需要关调手机模拟器,react-native一次只能连接一个设备。
用数据线连接手机,打开开发者调试模式,然后重复
物理设备连接成功之后,在项目根目录下再次执行yarn android,等待react-native给手机安装app,安装完成即可查看手机app