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即可构建原生应用的安装文件

相关推荐
shuaijie051820 小时前
强制修改调用接口的api地址。
javascript·vue.js·ecmascript
JerrySir20 小时前
恶意 npm 包只活了 17 分钟:技术面试里,为什么“升级依赖”还不算止血?
javascript·安全
白帽小阳21 小时前
2026前端面试题!(附答案及解析)
javascript·网络·python·安全·web安全·网络安全·护网行动
大龄秃头程序员21 小时前
RN 0.86 新架构实战:TurboModule + Fabric 组件 + iOS 原生容器,完整代码开源
前端·react native
这是个栗子21 小时前
前端开发中的常用工具函数(八)
开发语言·前端·javascript
Hilaku21 小时前
Vue 和 React 真正的差距,不在语法,而在团队犯错成本
前端·javascript·程序员
研☆香21 小时前
为什么变量声明在赋值前也能使用?—— 深入理解 JavaScript 变量提升与作用域
开发语言·前端·javascript
光影少年1 天前
RN 样式特点:Flex 布局默认、没有像素单位、样式不能级联
react native·react.js·掘金·金石计划
柯克七七1 天前
我把 bug 修得太干净了,测试组以为这个模块本来就没问题
前端·javascript·typescript
Null1551 天前
浏览器唤起桌面端应用(终极篇)
前端·javascript