Fragmento de código ionic5: agregue la pestaña a la barra de pestañas en la parte inferior de la aplicación

Usando ionic5 y angular8.

Hay dos páginas.

Página de pestañas: solo hay barras de pestañas en la página. Hay tres pestañas tab1, tab2 y tab3.

Página de videos: creó una nueva página de videos y la preparó para colocarla en la barra de pestañas.

1. En pestañas.page.html

Agregar pestaña.

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

Resaltar:pestaña=”vídeos”.

2. en módulos de enrutamiento de aplicaciones-ts

Elimina o comenta la ruta de la página de vídeos.

rutas constantes: Rutas = [
   ...
   /*{ ruta: 'videos', loadChildren: () => import('./videos/videos.module').luego( m => m.VideosPageModule) },*/
   ...
 ];

3. pestañas-módulos-de-enrutamiento-ts

Agregue una subruta a la página de videos.

rutas constantes: Rutas = [
   {
     ruta: 'pestañas',
     componente: TabsPage,
     niños: [
       .........
       {
         ruta: 'vídeos',
         niños: [
           {
             camino: '',
             cargarNiños: () =>
               import('../videos/videos.module').luego(m => m.VideosPageModule)
           }
         ]
       },
      .........

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