Expo 基础

一、运行设备

  • Expo客户端App
  • 浏览器
  • 模拟器(使用genymotion)

下载并安装 Android Studio 3.0+
在Android Studio中,转到首选项>外观和行为>系统设置> Android SDK。单击 SDK工具选项卡,并确保已安装至少一个版本的Android SDK Build-Tools
设定虚拟设备

二、安装

npm install --global expo-cli

三、验证登录

expo whoami

四、创建项目

expo init my-app

有5种模板可以选择:

--- Managed workflow 托管工作流 ---
  1. blank 像空画布一样干净的最小应用程序。
  2. blank (TypeScript) 与空画布相同,但具有TypeScript配置。
  3. tabs (TypeScript) 使用react-navigation和TypeScript的几个示例屏幕和选项卡。
    — Bare workflow 裸漏工作流 —
  4. minimal 光秃秃的,最小的,只是使您入门的基本要素。
  5. minimal (TypeScript) :与最小相同,但具有TypeScript配置

五、启动开发服务器

expo start

六、在手机/模拟器/浏览器上打开应用

  1. Expo App:链接方式:隧道Tunnel 局域网LAN 本地Local.选择Tunnel二维码扫描
  2. 模拟器:Expo 命令行窗口键入 a
  3. 浏览器:Expo 命令行窗口键入 w

七、构建

//android
expo build:android

//IOS
expo build:ios

使用Expo则是使用了托管工作流 (区别于裸漏工作流),所以构建后的apk保存在Expo账户中,30天后,将自动从Expo服务器中清除构建作业工件,例如二进制文件(.ipa,.aab,.apk等)和日志文件,下载并部署的应用程序二进制文件将始终可以正常运行!

八、升级Expo

//升级SDK
expo upgrade

//升级expo-cli
npm i -g expo-cli

九、退出 Expo 服务

//键盘
Ctrl + C

十、Expo 命令行

› 按?│ 显示所有命令

› 按a│打开Android

› shift + a│选择设备或仿真器

› 按w│打开网页

› 按o│在编辑器中打开项目代码

› 按c│显示项目QR

› 按p│切换构建模式(开发)

› 按r│重新启动捆绑器

› shift + r│重新启动并清除缓存

› 按d│打开Expo DevTools

› shift + d│在启动时切换自动打开DevTools(已启用)

› 按e│通过电子邮件共享应用程序链接

十一、每个应用程序都由 React Native,Expo SDK 和 第三方库 组合组成。

十二、开发/生产方式切换

十三、发布更新

优化代码(压缩图片等):npx expo-optimize
通过命令行发布:expo publish 执行此操作时,打包程序将压缩所有代码并生成两个版本的代码(一个版本用于iOS,一个版本用于Android),然后将其上传到CDN。您将获得一个链接,例如https://exp.host/@ccheever/an-example ,任何人都可以从中加载您的项。
通过Expo Dev Tools发布:

  • 选择开发方式&Tunnel则发布到ExpoApp中用于开发测试。
  • 选择生产方式&Tunnel则发布到用户App的生产环境中。
  • 对应用程序图标等在app.json配置的内容则需要重新打包才有效,通过发布更新无效。