安装步骤
1.Node(版本需要大于12.x)
这里请自行下载
2.JDK下载并安装
oracle下载地址:https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html)
也可以去如下网站下载:
adoptopen
3.Android studio 下载并安装
windows 下载地址:https://developer.android.google.cn/studio
初次安装Android Studio下载SDK等必定失败,设置代理方法如下:
1.到android studio安装目录,打开bin目录,编辑idea.properties, 在文件末尾添加:
disable.android.first.run=true
这将禁用第一次运行
2.再次打开android studio将进入欢迎页面,点击Config…, 搜索HTTP,即可设置HTTP代理
3.删掉Step 1 中所加的那一行,再次启动android studio,就可以使用你的HTTP代理下载SDK等组件了。
Android SDK 在线更新镜像服务器资源:
大连东软信息学院镜像服务器地址:
http://mirrors.neusoft.edu.cn:80
上海GDG镜像服务器地址:
http://sdk.gdgshanghai.com:8000
使用方法:
1,启动 Android SDK Manager ,打开主界面,依次选择『Tools』、『Options…』,弹出『Android SDK Manager - Settings』窗口;
2,在『Android SDK Manager - Settings』窗口中,在『HTTP Proxy Server」和「HTTP Proxy Port』输入框内填入上面镜像服务器地址和端口,并且选中『Force https://… sources to be fetched using http://…』复选框。设置完成后单击『Close』按钮关闭『Android SDK Manager - Settings』窗口返回到主界面;
4.安装 Android SDK
Android Studio 默认会安装最新版本的 Android SDK。目前编译 React Native 应用需要的是Android 10 (Q)版本的 SDK(注意 SDK 版本不等于终端系统版本,RN 目前支持 android 4.1 以上设备)。你可以在 Android Studio 的 SDK Manager 中选择安装各版本的 SDK。
你可以在 Android Studio 的欢迎界面中找到 SDK Manager。点击"Configure",然后就能看到"SDK Manager"
在 SDK Manager 中选择"SDK Platforms"选项卡,然后在右下角勾选"Show Package Details"。展开Android 10 (Q)选项,确保勾选了下面这些组件(重申你必须使用稳定的代理软件,否则可能都看不到这个界面):
Android SDK Platform 29
Intel x86 Atom_64 System Image(官方模拟器镜像文件,使用非官方模拟器不需要安装此组件
然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的29.0.2版本。你可以同时安装多个其他版本。
然后还是在"SDK Tools"选项卡,点击"NDK (Side by side)",同样勾中右下角的"Show Package Details",选择20.1.5948944版本进行安装。
最后点击"Apply"来下载和安装这些组件。
5.配置 ANDROID_HOME 环境变量
React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径,从而正常进行编译。
打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建,创建一个名为ANDROID_HOME的环境变量(系统或用户变量均可),指向你的 Android SDK 所在的目录(具体的路径可能和下图不一致,请自行确认):
ANDROID_HOME Environment Variable
SDK 默认是安装在下面的目录:
C:\Users\你的用户名\AppData\Local\Android\Sdk
下面是me的安装路径:
你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径,具体是Appearance & Behavior → System Settings → Android SDK。
你需要关闭现有的命令符提示窗口然后重新打开,这样新的环境变量才能生效。
把一些工具目录添加到环境变量 Path后
打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量,选中Path变量,然后点击编辑。点击新建然后把这些工具目录路径添加进去:platform-tools、emulator、tools、tools/bin
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
6.创建新项目
首先需要安装react-native-cli脚手架
如果你之前全局安装过旧的react-native-cli命令行工具,请使用npm uninstall -g react-native-cli卸载掉它以避免一些冲突。
执行命令:
npm install -g yarn react-native-cli
查看是否安装成功:
react-native -h
出现下图代表安装成功
使用 React Native 内建的命令行工具来创建一个名为"wadeProject"的新项目。这个命令行工具不需要安装,可以直接用 node 自带的npx命令来使用:
npx react-native init wadeProject
报错error信息总结如下:
1.当你的Android Studio 设置No proxy不起作用时,该怎么做?
解决方法:打开C:\Users\Administrator\.gradle\gradle.properties 的文件把代理地址注释或者删除
2.Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0
解决方法:
初始化项目的android下:
1).找到文件:build.gradle
2).找到项目下的gradle\wrapperr\gradle-wrapper.properties文件,
需要去android studio 官网 找到对应的gradle的版本