name: expo-install description: Expoプロジェクトにパッケージをインストールする。「ナビゲーションを入れて」「カメラ機能を追加」などのリクエストで使用する。 allowed-tools: Read, Bash, Edit argument-hint: [パッケージ名またはカテゴリ]
Expo パッケージインストール
Expo 互換バージョンでパッケージをインストールし、必要な設定を行う。
手順
- 引数がカテゴリ名(例: "navigation", "camera")の場合は、対応するパッケージ群を特定する
npx expo installでインストールする(npm installは使わない)app.jsonや設定ファイルの変更が必要な場合は更新する- 基本的な使い方をコード例として示す
よく使うカテゴリとパッケージ
- navigation:
@react-navigation/native @react-navigation/native-stack react-native-screens react-native-safe-area-context - tabs:
@react-navigation/bottom-tabs(navigation も必要) - camera:
expo-camera - image-picker:
expo-image-picker - location:
expo-location - storage:
@react-native-async-storage/async-storage - font:
expo-font - icons:
@expo/vector-icons - gradient:
expo-linear-gradient - haptics:
expo-haptics - notifications:
expo-notifications expo-device expo-constants - splash:
expo-splash-screen - auth:
expo-auth-session expo-crypto - secure-store:
expo-secure-store
ルール
- 必ず
npx expo installを使う(Expo SDK との互換性を保証するため) - インストール後
npx expo install --checkで互換性を確認する - app.json への plugin 追加が必要なパッケージは設定も行う