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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wangys2006

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值