mcpField
R
react-native-expo

react-native-expo

github.com/maikotrindade开发1345 次安装1 天前更新
代码仓库

关于 react-native-expo

面向 Expo 开发者的技能，涵盖 Expo SDK、Expo Router 与 EAS 的开发和发布流程。内容还涉及原生模块、SDK 升级及界面和数据获取实践。

主要功能

  1. 01Expo Router 文件路由
  2. 02EAS 构建与更新
  3. 03Expo 原生模块开发
  4. 04SDK 升级指导
  5. 05界面与数据获取实践

适用场景

  1. 01配置文件式导航与路由
  2. 02构建并分发 Expo 应用
  3. 03开发自定义原生模块
  4. 04规划 Expo SDK 升级

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/maikotrindade/awesome-react-native-skills --skill react-native-expo

安装后在 Claude Code 中输入/react-native-expo确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/
best-practices-data.md
best-practices-ui.md
core-eas.md
core-expo-router.md
features-eas-build.md
features-eas-update-deploy.md
features-expo-modules.md
features-upgrading.md

详细介绍

React Native Expo

面向 Expo SDK 52–56、Expo Router v4 和 EAS。有关生态系统库（状态管理、Reanimated、React Navigation），请参阅 react-native 技能。有关 shadcn/ui 风格的组件，请参阅 react-native-reusables 技能。

Expo 在 React Native 之上提供全栈工具链：通过 Expo Router 实现基于文件的路由，通过 EAS 提供云构建和部署基础设施，提供原生模块编写 API，以及精选的第一方 SDK 库。本技能仅涵盖 Expo 层。

核心参考

主题描述参考
Expo Router基于文件的路由、布局、路由组、API 路由、SDK 56 迁移core-expo-router
EAS 概览EAS Build/Update/Submit/Deploy、eas.json 结构、版本管理core-eas

功能

主题描述参考
EAS Build 和开发客户端构建配置、开发客户端设置、本地构建、设备安装features-eas-build
EAS Update 和 DeployOTA 更新、EAS Hosting、CI/CD YAML 工作流features-eas-update-deploy
Expo 模块create-expo-module、模块 DSL、配置插件features-expo-modules
升级 Expo SDK升级流程、清除缓存、SDK 53–56 的破坏性变更、模块迁移features-upgrading

最佳实践

主题描述参考
构建 UI代码风格、expo-image、响应式设计、NativeTabs、导航模式best-practices-ui
数据获取fetch 与 React Query 的选择、expo-secure-store、离线支持、环境变量best-practices-data

关键建议

  • 优先使用 Expo Go — 构建开发客户端前，先使用 npx expo start；只有需要自定义原生代码时才需要自定义构建
  • 由 EAS 管理版本 — 在 eas.json 中设置 appVersionSource: "remote"，以免手动提升版本号
  • 基于文件的路由 — 路由位于 app/ 中；切勿在 app/ 中与路由文件放置组件、类型或工具
  • API 路由密钥 — 使用 eas env:create 创建密钥；客户端环境变量使用 EXPO_PUBLIC_ 前缀（在构建时内联）
  • SDK 升级 — 升级后务必运行 npx expo install --fix，然后运行 npx expo-doctor；调试前先清除缓存

评论

支持 Markdown