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

相关推荐
IT女孩儿1 小时前
JavaScript--WebAPI查缺补漏(二)
开发语言·前端·javascript·html·ecmascript
@解忧杂货铺5 小时前
前端vue如何实现数字框中通过鼠标滚轮上下滚动增减数字
前端·javascript·vue.js
真的很上进10 小时前
如何借助 Babel+TS+ESLint 构建现代 JS 工程环境?
java·前端·javascript·css·react.js·vue·html
我是前端小学生13 小时前
React Native 中的 View 组件:全面解析
react native
噢,我明白了13 小时前
同源策略:为什么XMLHttpRequest不能跨域请求资源?
javascript·跨域
sanguine__14 小时前
APIs-day2
javascript·css·css3
关你西红柿子14 小时前
小程序app封装公用顶部筛选区uv-drop-down
前端·javascript·vue.js·小程序·uv
济南小草根14 小时前
把一个Vue项目的页面打包后再另一个项目中使用
前端·javascript·vue.js
小木_.14 小时前
【python 逆向分析某有道翻译】分析有道翻译公开的密文内容,webpack类型,全程扣代码,最后实现接口调用翻译,仅供学习参考
javascript·python·学习·webpack·分享·逆向分析
Aphasia31115 小时前
一次搞懂 JS 对象转换,从此告别类型错误!
javascript·面试