Ionic - 7.7 Comprendre les onglets (tabs) dans Ionic

Les onglets, ou tabs, sont un concept de navigation très courant dans les applications mobiles. Ils permettent d'afficher des pages différentes selon l'onglet sur lequel l'utilisateur appuie. Vous pouvez aussi les utiliser sur le web, même si on les voit surtout sur mobile. Cette leçon explique le principe avant de les mettre en place dans notre application.

Le principe des onglets

Une barre d'onglets reste visible en bas de l'écran. Chaque bouton de cette barre ouvre une page différente, sans que l'utilisateur ait besoin de revenir en arrière.

Le point important est que chaque onglet possède sa propre pile de pages. Un onglet peut donc contenir plusieurs pages empilées, et l'on peut passer à un autre onglet sans perdre sa position.

Pourquoi séparer les piles de pages

Les piles sont séparées pour ne pas se mélanger. Lorsque vous revenez sur un onglet, vous retrouvez la page où vous vous trouviez.

Cette séparation permet aussi de parcourir l'application sans recharger les pages à chaque changement d'onglet. La suite de la leçon montre comment mettre ce mécanisme en place dans notre application.

En résumé

Une barre d'onglets permet de passer d'une section à l'autre de l'application. Chaque onglet possède sa propre pile de pages, ce qui conserve votre navigation. Dans la suite, nous allons implémenter ces onglets dans notre application.

Points clés

• Les onglets (tabs) sont une navigation courante dans les applications mobiles.
• Chaque onglet affiche des pages différentes selon le bouton choisi.
• Chaque onglet possède sa propre pile de pages, séparée des autres.
• On peut changer d'onglet sans perdre la page où l'on se trouvait.

Questions fréquentes

Les onglets sont-ils réservés aux applications mobiles ?

Non. On les voit surtout sur mobile, mais on peut aussi les utiliser dans une application web.

À quoi sert la pile de pages d'un onglet ?

Elle garde la liste des pages ouvertes dans cet onglet, pour revenir à la bonne page quand on revient dessus.

Faut-il recharger les pages quand on change d'onglet ?

Non. L'objectif est de naviguer entre les onglets sans devoir recharger les pages à chaque fois.