使用ionic2-super-tabs時隱藏子頁面上的標籤

Question

我正在使用ionic2-super-tabs，它工作正常。使用時app.module.ts

「真」是否有隱藏在子頁面標籤的方式：唯一的問題是我無法隱藏的TabBar的子頁面，就像我以前做的使用和設置 tabsHideOnSubPages時ionic2超級標籤？

Answer 1

我已通過以下方式完成：

我的Tabs.html文件有4個根頁面。

在根頁：

this.tabBarElement = document.querySelector('super-tabs-toolbar'); 

ionViewWillLeave() { 
    this.tabBarElement.style.display = 'none'; 
} 

ionViewWillEnter() { 
    this.tabBarElement.style.display = 'block'; 
} 

終於在supertabs CSS化妝高度爲100％，因爲默認情況下它設置的高度計算（100％ - 72px），其推動向下翻頁，當標籤酒吧是隱藏的。

所以做出變化

super-tabs-container { { 
    height: calc(100%)! important; 
} 

Answer 2

ionic2超標籤具有命名爲rootNavCtrl其自動添加到NavParams所有子標籤與其NavController參考。這允許您從根頁面而不是內部頁面推送頁面。這樣，您的子頁面就會被推到超級標籤頁面的頂部並覆蓋標籤欄。

假設你的超級標籤頁有一個名爲Page1Page你可以做這個標籤...

export class Page1Page { 

    rootNavCtrl: NavController; 

    constructor(public navParams: NavParams) { 
    //get a reference to the NavController of super-tabs 
    this.rootNavCtrl = navParams.get('rootNavCtrl'); 
    } 

    pushSubPage() { 
    //use it to push your new subpage 
    this.rootNavCtrl.push('PageToPush'); 
    } 

} 

看到https://github.com/zyra/ionic2-super-tabs-example/blob/master/src/pages/page1/page1.ts#L22

Answer 3

添加例如在你的根網頁.ts文件下面的代碼。 參考URL https://github.com/zyra/ionic2-super-tabs

例rootPage1.ts頁

import { SuperTabsController } from 'ionic2-super-tabs';

export class rootPage1 { 
constructor(private superTabsCtrl: SuperTabsController){}  
ionViewWillLeave() { 
    this.superTabsCtrl.showToolbar(false); 
} 

ionViewWillEnter() { 
    this.superTabsCtrl.showToolbar(true); 
} 
}