企业官网建设流程全解析

Expo 跨平台开发框架：一套代码快速构建三端运行的 React Native 应用完整指南

【免费下载链接】expoAn open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.项目地址: https://gitcode.com/GitHub_Trending/ex/expo

Expo 是一个基于 React 的开源跨平台开发框架，让你用一套代码写出能在 Android、iOS 和 Web 上同时运行的原生应用。它帮你跳过原生环境搭建，用两条命令就能从空白项目走到真机预览。

Expo 相比原生开发方案的三个核心差异点

• 一次编写、三端运行：React Native 本身只支持移动端，Expo 把同一套代码扩展到 Web 端，你不需要为浏览器形态单独维护一份实现。
• 无需原生环境即可起步：传统 React Native 要装好 Android Studio 和 Xcode 才能看效果，Expo Go 让你在手机上扫码就能预览，开发服务器（本地启动、负责把代码推给设备的进程）由npx expo start一条命令拉起。
• 原生模块写法统一：Expo Modules API 用 TypeScript 定义方法签名，Kotlin 和 Swift 各实现一次即可，不用像旧版 RN Native Modules 那样为两个平台各写一套桥接代码。
• OTA 更新开箱即用：expo-updates模块让应用启动时自动检查新资源包，小改动不必每次都走应用商店审核。
• 文件即路由：Expo Router 用目录结构表达路由，新增一个页面就是新增一个文件，替代了手工配置导航栈的繁琐流程。

从 0 到真机预览跑通 Expo 项目

第一步：用官方模板创建项目

一条命令装好默认模板（含 TypeScript 和常用依赖）：

npx create-expo-app@latest my-app

完成后当前目录出现my-app，里面有入口文件App.tsx和依赖声明package.json。

第二步：启动开发服务器并扫码预览

进入项目后启动开发服务器：

npx expo start

终端出现二维码。用手机上的 Expo Go 应用扫码，屏幕立即显示出应用首页；修改代码保存后，设备上的画面自动热重载（改完代码立即刷新，无需重启应用）。

第三步：用文件路由加一个新页面

在项目的app/目录下新建about.tsx，里面导出任意 React 组件。回到应用里访问/about即可看到新页面，无需注册路由。

使用 Expo 的三项核心能力

Expo Router 文件路由的使用方式与坑点

app/目录就是路由表：app/index.tsx是首页，app/(tabs)/index.tsx表示带标签栏的页面组。需要传参时用useLocalSearchParams()读取。注意文件名严格区分大小写，以_或.开头的文件不会被识别为路由。

用 Modules API 写自定义原生模块

当现有模块不够用（比如要调某个厂商 SDK），先用 TypeScript 声明模块接口，再在 Swift 和 Kotlin 侧各实现一遍，JS 里通过requireNativeModule('MyModule')调用。坑点：新模块需要执行npx expo prebuild生成原生工程后才能编译，Expo Go 里加载不了自定义模块。

用 expo-updates 做 OTA 更新

packages/expo-updates/ 是开放源码部分，配合 EAS（Expo 的托管构建与发布服务）发布资源包后，应用启动时自动拉取并切换到新包。注意兼容性：SDK 大版本升级后，旧客户端无法运行新编译的资源包，需要客户端同步升级。

真实场景与 Expo 选型建议

仓库本身就是一个参照：apps/native-component-list/ 是一个覆盖各模块功能的演示工程，适合逐页学习 API 用法；apps/router-e2e/则是路由系统的端到端测试。典型工作流是：本地用 Expo Go 开发调试，发布时用 EAS 构建出各平台安装包。适合谁：没有原生团队或想一套代码覆盖三端的项目，Expo 是最短路径。不适合谁：需要深度定制构建工具链、或大量使用尚未被 Expo 封装的第三方原生库的场景，纯 React Native 裸工程会更灵活。

配套生态工具与下一步

• @expo/cli（packages/@expo/cli/）：命令行工具，create、start、export 等命令都在其中。
• expo-modules-core（packages/expo-modules-core/）：原生模块运行时核心，自定义模块依赖它加载。
• EAS 托管服务：构建、提交商店、OTA 发布，与上面开源工具直接集成。

接下来可以打开 templates/ 看看默认模板的完整结构，或阅读 docs/ 下的文档源码了解更多细节。

【免费下载链接】expoAn open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.项目地址: https://gitcode.com/GitHub_Trending/ex/expo