React Native + Expo搭建APP项目+安卓模拟器

Expo 尝试一下就好,毕竟参考代码太少,相当于闭关造轮子,不建议。

一、需要的工具

1. node.js,推荐使用(TLS版本),版本不是太低就行,测试用的v20.12.2的Node

2. 开发工具 VS CODE或者android studio,Expo推荐使用 VS CODE

3. JDK17,并配置环境变量,一定是JDK17。

3. 下载一个android studio,这个主要要用 android SDK创建模拟器,供调试使用。或者可以纯粹使用一个模拟器试试。比如“雷电模拟器”

二、环境准备

设置你的环境 - Expo 中文网

1. 安装Android Studio,没什么特别注意的,默认安装就行,修改一下安装路径

安装Android Studio的过程中它会提示设置镜像代理地址

Andriod Studio 设置HTTP Proxy 参考设置代理

开源镜像站 | 大连东软信息学院

2. 设置ANDROID_HOME环境变量

正常安装完Android Studio,SDK在 C:\Users\你的电脑用户名\AppData\Local\这个路径下

因为C盘有时候有权限问题,把SDK文件夹给挪到其他盘。

自己配置的环境变量

顺便把adb环境变量也加进去,vscode中启动应用的时候,就不用打开Android Studio再打开模拟器了。

   

挪完SDK后记得修改Android Studio的SDK路径

3. 创建安卓模拟器

打开 Android Studio

或者

这两个界面 都能创建。

三、创建项目

npx create-expo-app@latest

根据提示输入你自己的项目名称

四、启动项目

启动之前 修改一下 maven仓库的地址,下载还是依靠gradle下载的。

执行启动命令

五、在模拟器中运行

记得先打开你的模拟器,并且是开发者模式,允许USB调试

在此界面的 命令行 按键盘 “a”字母,就会运行在模拟运行app。

查看自己的模拟器IP,也就是手机的IP地址,因为电脑和模拟器是通过adb建立的网络。

Android SDK下的platform-tools文件夹中有adb.exe,可以能把adb.exe配置在环境变量里。

启动模拟器后查看adb组件的网络配置:

 app 图标

选择js debbug 就可以在模拟器中调试。

六、调试结果

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

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

相关文章

第六十五章:AI的“精良食材”:图像标注、视频帧抽帧与字幕提取技巧

ai 数据处理前言:从“原始食材”到“AI盛宴”第一章:图像标注:为AI“指点江山”1.1 什么是图像标注?—— AI的“视觉标签”1.2 分类任务:图像的“身份识别”1.3 目标检测:图像的“区域识别”与“边界框”1.…

2025 开源语音合成模型全景解析:从工业级性能到创新架构的技术图谱

一、引言:开源浪潮下的语音合成技术跃迁 语音合成(TTS)作为人工智能领域的核心技术,近年来在开源社区的推动下取得了突破性进展。从早期的基于规则的拼接合成,到深度学习驱动的端到端模型,再到当前与大语言…

前端懒加载技术全面解析

懒加载(Lazy Loading)是一种优化前端性能的重要技术,核心思想是延迟加载非关键资源,只在需要时加载它们。 一、懒加载的基本原理 懒加载的核心思想是通过以下方式优化性能: 减少初始加载实践: 只加载首屏所需资源 节省带宽和内存: 避免加载用户可能不会查看的内容 提高…

B3DM,OSGB,PLY,OBJ,S3MB,I3S这几种格式有什么区别

B3DM、OSGB、PLY、OBJ、S3MB、I3S 都是三维模型/地理空间数据的文件格式,但它们的用途、结构和适用场景差别很大。1. B3DM(Batched 3D Model)来源/用途:属于 Cesium 3D Tiles 规范,用于在 Cesium、Mapbox 这种 WebGIS …

Matlab(4)

一、Basic plotting1.plot()plot(x,y) :x图片中点的横坐标,y图片中点的纵坐标plot(y) :y图片中点的纵坐标,x图片中点的横坐标默认为1,2,3,4,5........plot(co…

Pycharm选好的env有包,但是IDE环境显示无包

一、异常现象 Pycharm选好的env(yolov7): 有Numpy这个包: IDE环境愣是报没有: 二、尝试解决 2.1 重新启动pycharm 重新打开.py文件: 还是不行: 看看好使的windows上的pycharm参数&#xff1a…

深入理解 Linux 下的 GDB 调试工具

引言 在软件开发中,调试是一个不可避免且至关重要的环节。无论是简单的逻辑错误,还是复杂的内存泄漏问题,调试工具都能帮助我们快速定位并修复问题。而在 Linux 系统中,GDB(GNU 调试器)是最强大、最常用的…

让齿轮与斑马线共舞:汽车文化驿站及安全教育基地的展陈实践

当汽车文化驿站及安全教育基地的展陈项目图纸在绘图仪上初现轮廓时,我们就明确了一个核心命题:如何让 “速度与激情” 的汽车文化,与 “规则与敬畏” 的安全教育在同一空间里和谐共生,而非简单拼接。这不是两个独立展区的物理叠加…

Flask + Vue.js 物联网数字大屏实现方案

我将为您创建一个精美的物联网数字大屏,使用Flask作为后端提供数据,Vue.js作为前端展示,全部集成在单个HTML文件中实现。 设计思路 整体布局: 深色主题背景提高数据可视性 顶部标题栏显示系统名称和时间 中央区域分为多个数据卡片 底部显示系统状态信息 核心功能: 实…

Excel怎么筛选重复项?【图文详解】查找/删除重复项?查找重复项公式?如何去重?

一、问题背景 在使用 Excel 整理数据时,我们经常会遇到重复内容。这些重复项不仅会让表格显得杂乱,还可能影响数据统计的准确性。比如学生成绩表中重复的分数、员工信息表中重复的姓名等,都需要及时筛选出来处理。其实,筛选重复项…

模板打印技术——自动识别office类型 打印模板:为政务土地确权定制的替换利器—仙盟创梦IDE

代码for (int i 0; i < tmpcount; i){string tmptable dt.Rows[i]["tmpname"].ToString().Trim();string doctype dt.Rows[i]["doctype"].ToString().Trim();if (doctype "doc"){doc_pagecount cyberwin_replacr_tmpes_files(dgvr, tmpt…

MongoDB分析insert源代码

mongo插入单条文档insert()> db.user.insert({ ... "name": "alice", ... "age": 28 ... }); WriteResult({ "nInserted" : 1 }) >MongoDB插入文档代码调用链如下&#xff1a;mongo/db/commands/write_commands/write_c…

react路由跳转与路由懒加载等(对照vue来说一说不同之处)

前言&#xff1a;react路由跳转与路由懒加载等路由懒加载&#xff1a;使用 loadable/component 插件来实现安装&#xff1a;npm i loadable/component具体使用&#xff1a;1、引入loadable/component2、正常封装的地方const HomeLoadable(()>import(./views/Home.jsx));也可…

Nginx 架构和安装

二、.Nginx 架构和安装 2.1 Nginx 概述 2.1.1 Nginx 介绍 Nginx&#xff1a;engine X &#xff0c;2002年开发&#xff0c;分为社区版和商业版(nginx plus ) 2019年3月11日 F5 Networks 6.7亿美元的价格收购 Nginx是免费的、开源的、高性能的HTTP和反向代理服务器、邮件代理服务…

HarmonyOS NDK的JavaScript/TypeScript与C++交互机制

HarmonyOS NDK的JavaScript/TypeScript与C交互机制 细解释这个调用流程&#xff1a; 整体架构流程 ArkTS/JavaScript ←→ .d.ts (类型定义) ←→ NAPI ←→ .cpp (C实现)文件结构和作用 项目结构示例&#xff1a; MyHarmonyApp/ ├── entry/src/main/ets/ # ArkTS应…

[激光原理与应用-226]:机械 - 如何学习3D图设计

学习机械领域的3D图设计需要系统掌握软件操作、设计思维、工程规范和实战经验。以下是分阶段的学习路径和实用建议&#xff0c;帮助你高效入门并提升技能&#xff1a;一、基础准备阶段1. 明确学习目标方向选择&#xff1a;根据兴趣确定细分领域&#xff08;如机械零件设计、钣金…

uniapp -- 小程序处理与设备通讯 GBK/GB2312 编码问题。

🌐 小程序/UniApp 中处理 GBK 编码:iconv-lite + Buffer 实用指南 适用场景:设备通信、蓝牙传输、旧系统对接、十六进制转中文等涉及 GB2312/GBK 编码 的中文乱码问题。 🧩 一、为什么需要这个工具? 在小程序或 UniApp 开发中,常遇到以下问题: 蓝牙设备返回的中文是 …

8.13 JavaWeb(MySQL P89-P103)

DML&#xff08;数据操作语言&#xff09;Data Manipulation Language&#xff0c;用来对数据库表中的数据记录进行增、删、改操作添加数据-- DML &#xff1a; 数据操作语言 -- DML &#xff1a; 插入数据 - insert -- 1.为tb_emp表的username&#xff0c;name&#xff0c;gen…

Python 类元编程(元类基础知识)

元类基础知识 元类是制造类的工厂&#xff0c;不过不是函数&#xff08;如示例 21-2 中的 record_factory&#xff09;&#xff0c;而是类。图 21-1 使用机器和小怪兽图示法描述元 类&#xff0c;可以看出&#xff0c;元类是生产机器的机器。根据 Python 对象模型&#xff0c;类…

【Vue 3 响应式系统深度解析:reactive vs ref 全面对比】

Vue 3 响应式系统深度解析&#xff1a;reactive vs ref 全面对比 目录 概述响应式系统基础reactive 深度分析ref 深度分析底层实现原理依赖收集机制演进解构和转换工具常见误区和陷阱技术选型指南最佳实践和建议 概述 Vue 3 引入了基于 Proxy 的全新响应式系统&#xff0c;…