React Native android环境搭建,使用夜神模拟器进行开发(适用于0.73+版本)

前言

本文基于:“react-native” : “^0.73.0”

1.安装 Node

Node.js,下载时选择 >= 18 版本

2.下载并安装 JDK

Java SE Development Kit (JDK),下载时选择 17 版本

在这里插入图片描述

安装

在这里插入图片描述

在这里插入图片描述

验证是否安装成功

打开命令提示符输入 javac -version 回车

在这里插入图片描述

3.安装 Android Studio

下载并安装 Android Studio ,获取编译 Android 应用所需的工具和环境,如 Android SDK

在这里插入图片描述

4.检查 Android SDK

打开 File -> Settings -> Languages & Frameworks -> Android SDK

Android Studio 默认情况下会安装最新的 Android SDK

在这里插入图片描述

在这里插入图片描述

如果出现如下情况,说明未自动安装 Android SDK,单击 Edit 进入安装页面

在这里插入图片描述

在这里插入图片描述

选择 Accept,并下一步

在这里插入图片描述

在这里插入图片描述

5.配置环境变量

打开 控制面板 -> 用户账户 -> 用户账户 -> 更改我的环境变量

在这里插入图片描述

新建一个 ANDROID_HOME 用户变量,变量值为 Android SDK 安装路径

在这里插入图片描述

选择 Path 变量,单击编辑,变量值为 Android SDK 安装路径下的 platform-tools 文件夹

在这里插入图片描述

6.安装并配置夜神模拟器

夜神模拟器

启动后, 进入夜神模拟器安装目录的 bin 文件夹,打开命令符执行下面的命令(只需执行一次)

nox_adb connect 127.0.0.1:62001

在这里插入图片描述

7.初始化项目

npx react-native init AwesomeProject

在这里插入图片描述

8.启动项目

yarn start

在这里插入图片描述

yarn android

启动前,必须先打开夜神模拟器,否则会报一个找不到模拟器的错误

在这里插入图片描述

在这里插入图片描述

9.遇到问题

adb.exe: error: device '127.0.0.1:62001' not found
warn Failed to connect to development server using "adb reverse": Command failed: C:\Users\12287\AppData\Local\Android\Sdk\platform-tools\adb -s 127.0.0.1:62001 reverse tcp:8081 tcp:8081
info Starting the app on "127.0.0.1:62001"...
adb.exe: device '127.0.0.1:62001' not found
error Failed to start the app.
Error: Command failed with exit code 1: C:\Users\12287\AppData\Local\Android\Sdk\platform-tools\adb -s 127.0.0.1:62001 shell am start -n com.awesomeproject/.MainActivity -a android.intent.action.MAIN -c android.intent.category.LAUNCHER

请参考:react native 无法连接夜神模拟器,可以连接android studio编辑器模拟器

如果本篇文章对你有帮助的话,很高兴能够帮助上你。

当然,如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方,希望你在看到之后能够在评论里指出来,我会在看到之后尽快的回复你。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/267179.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

计算机毕业设计 基于Web的网上购物系统(pc端仿淘宝系统)的设计与实现 Java实战项目 附源码+文档+视频讲解

博主介绍:✌从事软件开发10年之余,专注于Java技术领域、Python人工智能及数据挖掘、小程序项目开发和Android项目开发等。CSDN、掘金、华为云、InfoQ、阿里云等平台优质作者✌ 🍅文末获取源码联系🍅 👇🏻 精…

多合一iPhone 解锁工具:iMyFone LockWiper iOS

多合一iPhone 解锁工具 无需密码解锁 iPhone/iPad/iPod touch 上所有类型的屏幕锁定 在几分钟内解锁 iPhone Apple ID、Touch ID 和 Face ID 立即绕过 MDM 并删除 iPhone/iPad/iPod touch 上的 MDM 配置文件 支持所有 iOS 版本和设备,包括最新的 iOS 17 和 iPhone 1…

IT开发降本增效的替代品——低代码平台

克里斯坦森在《创新者的窘境》中定义了“颠覆式创新”,即比市场上现有产品更为便宜、更为方便的替代品,它服务于低端消费者或新消费群体,步步蚕食传统产品的市场份额,最终取代传统产品的统治地位。低代码平台是否是颠覆式创新&…

服务器数据恢复—raid5少盘状态下新建raid5如何恢复原raid5数据?

服务器数据恢复环境: 一台服务器上搭建了一组由5块硬盘组建的raid5阵列,服务器上层存放单位重要数据,无备份文件。 服务器故障&分析: 服务器上raid5有一块硬盘掉线,外聘运维人员在没有了解服务器具体情况下&#x…

读程序员的README笔记08_依赖管理

1. 行为准则 2. 依赖管理 2.1. 在现有的代码上增加一个依赖似乎是一个简单的决定 2.2. 不要重复自己”(Don’t repeat yourself,DRY)是一个通常被教导的原则 2.3. 依赖关系带来了风险 2.3.1. 不兼容的变化 2.3.2. 循环依赖 2.3.3. 版本冲突 2.3.4. 缺乏控制 …

OpenCV-opencv下载安装和基本操作

文章目录 一、实验目的二、实验内容三、实验过程OpenCV-python的安装与配置python下载和环境配置PIP镜像安装Numpy安装openCV-python检验opencv安装是否成功 openCV-python的基本操作图像输入和展示以及写出openCV界面编程单窗口显示多图片鼠标事件键盘事件滑动条事件 四、实验…

uniCloud(一) 新建项目、初始化服务空间、云对象访问测试

一、新建一个带有unicloud 二、创建一个服务空间 1. 右键uniCloud,关联云服务空间 我当前没有服务空间,需要新建一个服务空间,之后将其关联。初始化服务空间需要的时间有点长 服务空间初始化成功后,刷新HBuilder,勾选…

极狐GitLab CI/CD 变量黑魔法之预定义变量

目录 预定义变量 commit 相关 Job 相关 Pipeline 相关 镜像仓库有关 极狐GitLab CI/CD 变量是指一系列的环境变量,用来帮助我们控制 CI/CD Job 或 Pipeline 的行为,存储一些可以复用的信息,避免在 .gitlab-ci.yml 中形成硬编码。 极狐G…

Citespace、vosviewer、R语言的文献计量学可视化分析

文献计量学是指用数学和统计学的方法,定量地分析一切知识载体的交叉科学。它是集数学、统计学、文献学为一体,注重量化的综合性知识体系。特别是,信息可视化技术手段和方法的运用,可直观的展示主题的研究发展历程、研究现状、研究…

【后端学前端】第二天 css动画 动感菜单(css变量、过渡动画、过渡延迟、js动态切换菜单)

目录 1、学习信息 2、源码 3、变量 1.1 定义变量 1.2 使用变量 1.3 calc() 函数 4、定位absolute和fixed 5、transform 和 transition,动画 5.1 变形transform 5.2 transition 5.3 动画animation 6、todo 1、学习信息 视频地址:css动画 动感菜…

111. 二叉树的最小深度

目录 解法: 官方解法: 方法一:深度优先搜索 思路及解法 复杂度分析 时间复杂度: 空间复杂度: 方法二:广度优先搜索 思路及解法 复杂度分析 时间复杂度: 空间复杂度: 给定…

MyBatis:缓存

MyBatis 缓存一级缓存二级缓存注 缓存 缓存,是数据交换的缓冲区(临时保存数据的地方)。即将数据(数据一般为频繁查询且不易改变)保存在计算机内存中,下次读取数据时直接从内存中获取,以避免频繁…