**Expo Router** est un système de navigation basé sur des fichiers, utilisé pour simplifier la navigation dans les projets React Native avec Expo. Il permet de définir les routes de l'application simplement en créant des fichiers dans le répertoire `app/`. Chaque fichier dans ce répertoire représente une page de ton application.
**Expo Router** est un système de navigation basé sur des fichiers, utilisé pour simplifier la navigation dans les projets React Native avec Expo. Il permet de définir les routes de l'application simplement en créant des fichiers dans le répertoire `app/`. Chaque fichier dans ce répertoire représente une page de l'application.
##### 3.6.1. Arborescence du projet avec Expo Router
@@ -201,9 +201,9 @@ export default function Layout() {
}
```
Le composant `Stack` permet de gérer la navigation de type **pile** (empilement d'écrans). Il fonctionne de manière similaire à un `Stack.Navigator` de React Navigation.
Le composant `Stack` permet de gérer la navigation de type **pile** (empilement d'écrans).
Chaque fichier `.js` ou `.tsx` dans le répertoire `app/` représente une page (écran) de ton application.
Chaque fichier `.js` ou `.tsx` dans le répertoire `app/` représente une page (écran) de l'application.
Exemple de fichier `app/index.js` (Home Screen) :
@@ -257,7 +257,7 @@ Dans le fichier `app/index.js`, la navigation vers la page d'album se fait ainsi
router.push('/album');
```
### Routes dynamiques
##### 3.6.3. Routes dynamiques
Si vous voulez créer une route dynamique, par exemple pour afficher un album spécifique, vous pouvez utiliser des paramètres dans l'URL. Exemple :