фрагмент кода ionic5: добавьте вкладку на панель вкладок в нижней части приложения.

Использование ionic5 и angular8.

Есть две страницы.

Страница вкладок: на странице есть только панели вкладок. Есть три вкладки: tab1, tab2 и tab3.

Страница видео: создана новая страница видео и подготовлена для размещения ее на вкладке TabBar.

1. В tabs.page.html.

Добавить вкладку.

<ion-tabs>
  <ion-tab-bar slot="bottom"> 
    ...
    <ion-tab-button tab="videos">
    <ion-icon name="videocam"></ion-icon>
    видео
    </ion-tab-button>
    ...
  </ion-tab-bar>
</ion-tabs>

Выделите: tab="видео".

2. в app-routing-modules-ts

Удалите или закомментируйте маршрут страницы видео.

константные маршруты: Маршруты = [
   ...
   /*{ путь: 'videos', loadChildren: () => import('./videos/videos.module').then( m => m.VideosPageModule) },*/
   ...
 ];

3. вкладки-маршрутизация-модули-ts

Добавьте подмаршрут на страницу видео.

константные маршруты: Маршруты = [
   {
     путь: «вкладки»,
     компонент: TabsPage,
     дети: [
       .........
       {
         путь: «видео»,
         дети: [
           {
             путь: '',
             загрузитьДети: () =>
               import('../videos/videos.module').then(m => m.VideosPageModule)
           }
         ]
       },
      .........

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