Как избежать вкладок на нижнем колонтитуле при переадресации на следующую страницу

Question

У меня есть расположение вкладок, вот моя страница . Нажав на любой элемент, я нахожусь на следующем «this.navCtrl.push (NextPage);».

Но проблема в том, что на моей второй странице также я получаю вкладки, посмотрите на это . после выполнения навигации мне больше не нужны вкладки на моей второй странице.

Как избежать нижнего колонтитула вкладок на второй странице.

Answer 1

Начиная с версии Ionic 2.0.0-rc.1 вы можете установить скрытие вкладок при вводе дочерней страницы в конфигурационном объекте приложения с помощью свойства конфигурации tabsHideOnSubPages. Вы можете найти дополнительную информацию here.

tabsHideOnSubPages (булевы): Независимо от того, чтобы скрыть вкладки дочерних страниц или нет. Если true, он не отображает вкладки на дочерних страницах.

Вам необходимо включить объект конфигурации в NgModule, внутри IonicModule.forRoot(...) метода, как это:

import { IonicApp, IonicModule } from 'ionic-angular'; 

@NgModule({ 
    declarations: [ MyApp ], 
    imports: [ 
    IonicModule.forRoot(MyApp, { 
     // Configs for your app 
     tabsHideOnSubPages: true 
     // ... 
    }, {} 
)], 
    bootstrap: [IonicApp], 
    entryComponents: [ MyApp ], 
    providers: [] 
}) 

Answer 2

Самый простой способ - переключить видимость полосы вкладок с помощью css, поскольку вкладки на самом деле представляют собой компонент, содержащий вложенные виды.

Таким образом, вам лучше определить выбранную страницу и переключить отображение tabbar. Вы можете отследить выбранную страницу на selectedIndex или добавить класс в зависимости от этого.