1.下载安装jdk 1.8版本
https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
默认安装地址C:\Program Files\Java\jdk1.8.0_231
设置系统环境变量
image.png
变量值为jdk安装地址
然后在系统变量列表中双击Path变量,并将%JAVA_HOME%\bin地址添加到变量值后
安装完测试:在cmd命令窗口中输入javac -version
image.png
有值输出证明jdk安装成功
2.安装node (版本10.16.3)
https://nodejs.org/zh-cn/download/releases/
3.安装yarn
npm install -g yarn
4.安装Android Studio (这里安装的是3.1.4)
下载地址为:
https://developer.android.google.cn/studio/archive
在编辑器中安装sdk 、安卓模拟器(安卓模拟器中ctrl+m (reload 重新加载页面)(disable live reload所有页面更新显示)(disable hot reloading 当前页更新显示)
真机中摇一摇代替(ctrl+m))
参考native 官网 <u>https://reactnative.cn/docs/getting-started/</u>
配置 ANDROID_HOME 环境变量
React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径,从而正常进行编译。打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建,创建一个名为ANDROID_HOME的环境变量(系统或用户变量均可),指向你的 Android SDK 所在的目录(具体的路径可能和下图不一致,请自行确认):
ANDROID_HOME Environment Variable
SDK 默认是安装在下面的目录:
c:\Users\你的用户名\AppData\Local\Android\Sdk
你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径,具体是Appearance & Behavior → System Settings → Android SDK。
你需要关闭现有的命令符提示窗口然后重新打开,这样新的环境变量才能生效。
把 platform-tools 目录添加到环境变量 Path 中
打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量,选中Path变量,然后点击编辑。点击新建然后把 platform-tools 目录路径添加进去。
此目录的默认路径为:
c:\Users\你的用户名\AppData\Local\Android\Sdk\platform-tools
安卓模拟器中ctrl+m (reload 重新加载页面)(disable live reload所有页面更新显示)(disable hot reloading 当前页更新显示)
真机中摇一摇代替(ctrl+m)
配置sdk环境变量:在系统变量中path路径添加sdk安装地址
React-ative 项目建立版本 --version 0.57.8
问题1:包下载不全
在android文件夹下的build.gradle文件中,jcenter()用 jcenter{ url 'http://jcenter.bintray.com' }代替
image.png
问题2:模拟器运行报错
报错:unable to load script from assets 'index.android bundle' ,make sure your bundle is packaged correctly or youu're runing a packager server
解决:用管理员身份运行命令窗口,然后重新react-native run-android 虚拟器版本(可通过adb deviced命令查看当前运行的模拟器)
问题3:项目依然运行不起来,
请尝试多次build、清理、关闭重启项目等














网友评论