react native app开发环境搭建

Reactjs是一个响应式的、多场景的web前后端应用开发框架,react native是一种使用reactjs开发框架与native移动设备应用开发技术混合开发的技术,使用react native技术开发出的应用支持跨设备、多终端,本文主要描述react native开发环境搭建。

|------------------------------|
| npx create-expo-app test2023 |

如上所示,使用nodejs运行时环境、使用npm包管理工具创建一个react native项目工程test2023

|----------------|
| npx expo start |

如上所示,在本地开发环境中,使用npm启动react native开发环境服务

|-------------------------|
| https://expo.dev/client |

如上所示,从expo官方网站下载Android版本或者ios版本的expo go 安装包,安装在Android或者ios移动设备端,在同一局域网内,在expo go应用中输入nodejs本地开发环境的exp服务网络地址,连接移动设备与本地开发环境

如上所示,在Android或者ios移动设备的expo go应用中,连接本地nodejs开发环境成功,显示test2023项目工程应用界面成功

如上所示,在本地开环境中,使用visual studio code编辑test2023项目工程应用代码appjs,修改text页面显示的内容,即可显示在Android或者ios移动设备的expo go应用界面中

|---------------------------------------|
| npx expo run:android npx expo run:ios |

如上所示,在本地开发环境中,使用npm包管理工具将react native项目工程构建成Android原生应用或者ios原生应用项目工程,使用Android studio或者macos xcode即可构建原生应用的安装文件

相关推荐
vx_Biye_Design1 小时前
flask学生课程笔记共享系统29026-计算机课程设计、毕业设计
java·javascript·spring boot·后端·elasticsearch·flask·课程设计
OpsEye2 小时前
上线大模型只是第一步,用好 AI 离不开完整的成本管控
javascript·ai编程
Hilaku2 小时前
GraphQL 在国内为什么水土不服?
前端·javascript·程序员
夏幻灵3 小时前
前端八股:JavaScript 深拷贝详解:实现方式、递归原理与循环引用
开发语言·前端·javascript
suaizai_3 小时前
ComputerUse:让AI真正操控桌面系统
java·前端·javascript
FYKJ_20103 小时前
express绿叶横店短剧推荐与影评分享平台34219-计算机课程设计、毕业设计
java·javascript·vue.js·spring boot·后端·课程设计·express
weishuangyun14 小时前
小程序制作平台怎么选?三大平台对比!
大数据·开发语言·javascript
一颗小芹菜的日常4 小时前
vue-crack插件是干什么的
前端·javascript·vue.js
小比特-combat4 小时前
LVGL_1(使用示例讲解父子关系)
开发语言·前端·javascript
弯_弯4 小时前
企业知识库 RAG 落地:从 Demo 到生产,四条工程链路与参数级自查
android·java·javascript