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

相关推荐
研究点啥好呢8 小时前
Github热榜项目推荐 | React生态系统的成熟演进
前端·react.js·github
daols889 小时前
vxe-table 自定义数字行主键,解决默认字符串主键与后端类型不匹配问题
前端·javascript·vue.js·vxe-table
啥都不懂的小小白9 小时前
Vue 小白入门|Pinia 核心用法全解
javascript·vue.js·ecmascript
skywalk81639 小时前
g4f提供的模型调用:python JavaScript和curl
前端·javascript·vue.js·g4f
未名编程9 小时前
React Native WebView 加载远程页面显示错误内容的深层原因及解决方案
javascript·react native·react.js
yzpyzp9 小时前
可以不用React或者Vue这些前端框架,直接用javascript写项目吗
javascript·react.js·前端框架
包子源9 小时前
React-PDF 详解:API 要点与在线简历项目中的落地
前端·react.js·pdf
得想办法娶到那个女人9 小时前
Vue3 组合式API 标准写法(通俗易懂,可直接复制)
前端·javascript·vue.js
Reisentyan9 小时前
[vue3]HTML Learn Data Day 10
javascript·vue.js·html
暮雪倾风10 小时前
【JS-Node】node.js环境安装及使用
开发语言·javascript·node.js