SuperAPI AI 工具集

cometchat-native-expo-patterns

办公与效率

查看项目

更新于 10-15 20:14

技能介绍

用途:教 Claude 如何把 CometChat 集成进 Expo managed workflow 项目,覆盖依赖安装、app.json 权限、Provider 链、可选通话 SDK、环境变量与 Expo Router 文件路由。

主要能力:安装完整 peer 依赖(不止 UI Kit);为 iOS/Android 配置 app.json 权限;在 App.tsx 中接入四层 wrapper;可选通话 SDK;通过 expo-constants 或 .env 管理环境变量;Expo Router 子章节;prebuild 与运行节奏。

使用方式:先读 cometchat-native-core(init/login/wrapper 链与反模式),再读 cometchat-native-components(prop 参考),然后 cometchat-native-placement(聊天位置)。依赖安装示例:npm install @cometchat/chat-sdk-react-native@^4 与 npm install @cometchat/chat-uikit-react-native@^5,原生依赖用 npx expo install 安装。首次运行前执行 npx expo prebuild。

适用场景:package.json 含 expo、根目录有 app.json/app.config.js、用户提到 Expo、Expo Router、managed workflow 或 EAS。

限制:不支持 Expo Go,必须构建 development client(eas build --profile development 或 expo run:ios / expo run:android),首次构建约 5-15 分钟。根目录有 ios/ 与 android/ 文件夹(bare RN)时不要使用本技能。expo.extra 中的值会进入客户端 bundle,切勿放入 REST_API_KEY 等服务端密钥。dev-client 存在 manifest 缓存陷阱,修改 app.json 后需 npx expo prebuild --clean 重新生成。官方文档:https://www.cometchat.com/docs/ui-kit/react-native/overview。