前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >使用Expo开发React-native程序(一)

使用Expo开发React-native程序(一)

原创
作者头像
蒙古上单2
发布2024-04-09 09:43:33
发布2024-04-09 09:43:33
1.6K2
举报
文章被收录于专栏:第二蒙古上单

开发React-native程序,除了官方提供的React-native CLI外,目前还有一个新的选择Expo。

Expo通过编写React和js代码,来生成IOS app、安卓app和web端应用。它主要包括两个工具:

Expo CLI:命令行工具,用来创建脚手架、运行、build程序。

Expo Go:安装在真机或虚拟机上的app,可以直接运行你构建出来的项目(不需要签名),方便debug和测试。

如何使用:

1.全局安装Expo CLI工具

代码语言:shell
复制
npm install -g expo-cli

2.创建项目(假设项目名称为expo-1)

代码语言:shell
复制
expo init expo-1

或者

代码语言:shell
复制
npx create-expo-app expo-1

3.安装其他依赖项

如果是苹果M1、M2芯片,需安装watchman

代码语言:shell
复制
brew install watchman

4.启动

代码语言:shell
复制
npm start

启动完成后,可以在web端查看效果:http://localhost:8081/

也可以按 i 启动IOS虚拟机(前提是你已经安装了xcode和IOS虚拟机),启动IOS虚拟机后expo会首先给你安装Expo Go,如下图所示:

安装好后就可以正式进入app了,效果如下:

expo支持热更新,编辑保存后会立即rebuild并立即显示到模拟器上。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档