React Navigation
Aperçu
Guide pour la création d'interfaces de navigation avec React Navigation.
Ce skill s'applique uniquement à React Navigation 7. L'API et les motifs peuvent ne pas fonctionner avec d'autres versions.
Sélection de l'API
React Navigation propose deux API : l'API statique basée sur les objets et l'API dynamique basée sur les composants.
- Applications existantes : Vérifiez la configuration de navigation actuelle et suivez le même style d'API lors de l'utilisation des références.
- Nouvelles applications : Si l'application n'a pas encore de configuration de navigation, préférez l'
API statique.
Quand appliquer
Référencez ce skill lorsque :
- Vous créez des motifs d'interface de navigation tels que piles, onglets, tiroirs, feuilles, etc.
- Vous configurez des en-têtes et autres éléments d'interface de navigateur intégrés.
- Vous gérez les zones de sécurité et les encarts dans l'interface de navigation.
Références
| Fichier | Description |
|---|---|
| stacks.md | Navigation par pile |
| form-sheet.md | Feuille inférieure et feuille formulaire |
| bottom-tabs.md | Onglets bas multiplateformes |
| native-bottom-tabs.md | Onglets bas natifs |
| material-top-tabs.md | Onglets hauts glissables |
| drawers.md | Navigation par tiroir et barres latérales |
| header.md | Configuration des en-têtes |
| safe-areas.md | Gestion des zones de sécurité |
Correspondance Problème -> Skill
| Problème | Commencer par |
|---|---|
| Afficher des écrans et des modales dans une pile | stacks.md |
| Afficher des feuilles inférieures ou des feuilles de formulaire | form-sheet.md |
| Afficher des écrans dans des onglets bas ou des barres latérales réactives avec support web | bottom-tabs.md |
| Afficher des écrans dans des onglets natifs sur iOS et Android | native-bottom-tabs.md |
| Afficher du contenu dans des onglets hauts glissables | material-top-tabs.md |
| Utiliser un tiroir ou une barre latérale | drawers.md |
| Configurer l'en-tête dans un navigateur à onglets bas ou à tiroir | header.md |
| Gérer les zones de sécurité (barre d'état, encarts d'en-tête, encarts de barre d'onglets, etc.) | safe-areas.md |