前言
初学RN,很酸爽,记录下搭建过程,希望可以和大家一起学习,文章若有误请指正。
安装环境:
官方文档:RN官网
我的环境如下:
Android环境安装:
不需要单独安装Android sdk
安装Android studio后再安装sdk:Android studio安装地址
一、安装Android sdk
点击工具栏图标或在工具栏Help里搜SDK Manager
勾选show package details,选择需要的,点击OK即可下载,
sdk默认安装路径:C:\Users\username\AppData\Local\Android\Sdk
二、安装模拟器
点击工具栏图标或在工具栏Help里搜AVD Manager
可以创建模拟器,一般运行yarn android会自动开启模拟器,不用连接模拟器,配端口啥的
命令行输入,可以看到有可用设备,具体如何创建,请自行搜索
三、配置环境变量:
C:\Program Files\nodejs\
C:\Python27\
C:\Python27\Scripts
ANDROID_HOME:C:\Users\miki\AppData\Local\Android\Sdk
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
%ANDROID_HOME%\emulator
%ANDROID_HOME%\platform-tools
JAVA_HOME:C:\Program Files\Java\jdk1.8.0_152
%JAVA_HOME%\bin;
%JAVA_HOME%\jre\bin;
创建运行官网demo
npx react-native init AwesomeProject
cd AwesomeProject
yarn android
# 或者
react-native run-android
遇到gradle下载失败:
如果浏览器输入https://services.gradle.org/distributions/gradle-6.2-all.zip ,也下载不了
请复制地址使用迅雷等下载软件下载,放到本地
我的是放到和sdk同级C:\Users\miki\AppData\Local\Android下,不需要解压
修改gradle-wrapper.properties文件:
#distributionUrl=https\://services.gradle.org/distributions/gradle-6.2-all.zip
#指定本地文件代替原本网络下载
distributionUrl=file:///C:/Users/miki/AppData/Local/Android/gradle-6.2-all.zip
再运行yarn android,可以看到欢迎界面
补充:
1、前端同学不太了解gradle的,可以参考:https://www.zhihu.com/question/30432152