Extrait de code ionic5 : ajoutez l'onglet à la barre d'onglets en bas de l'application

Utilisation d'ionic5 et d'angular8.

Il y a deux pages.

Page Onglets : il n'y a que des TabBars dans la page. Il existe trois onglets tab1, tab2 et tab3.

Page Vidéos : création d'une nouvelle page de vidéos et préparation de sa mise dans la TabBar.

1. Dans tabs.page.html

Ajouter un onglet.

<ion-tabs>
  <ion-tab-bar slot="bottom"> 
    ...
    <ion-tab-button tab="videos">
    <ion-icon name="videocam"></ion-icon>
    vidéo
    </ion-tab-button>
    ...
  </ion-tab-bar>
</ion-tabs>

Highlight :tab="vidéos".

2. dans app-routage-modules-ts

Supprimez ou commentez le parcours de la page des vidéos.

const routes : Routes = [
   ...
   /*{ chemin : 'videos', loadChildren: () => import('./videos/videos.module').then( m => m.VideosPageModule) },*/
   ...
 ];

3. onglets-routage-modules-ts

Ajoutez un sous-itinéraire à la page des vidéos.

const routes : Routes = [
   {
     chemin : 'onglets',
     composant : TabsPage,
     enfants: [
       .........
       {
         chemin : 'vidéos',
         enfants: [
           {
             chemin: '',
             chargerEnfants : () =>
               import('../videos/videos.module').then(m => m.VideosPageModule)
           }
         ]
       },
      .........

     ]
   },
   .........
 ];