Question

我正在使用ionic2-super-tabs，它工作正常。唯一的问题是我无法隐藏子页面上的tabbar，就像我以前在使用和设置时所做的那样 tabsHideOnSubPages：app.module.ts中的“True”

使用ionic2-super-tabs时，有没有办法隐藏子页面上的标签？

Answer 1

ionic2-super-tabs有一个名为 rootNavCtrl 的NavController引用，它自动添加到所有子选项卡的NavParams中。这允许您从根页面而不是内部页面推送页面。这样，您的子页面就会被推到超级标签页面的顶部并覆盖标签栏。

假设您的超级标签页有一个名为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 2

在根页.ts文件中添加以下代码。参考网址https://github.com/zyra/ionic2-super-tabs

示例rootPage1.ts页面

jdbc/datSource

function getClosestTS2(arr,k) {
    var d;
    var mind=4294967296;
    var mink=0;
    for(e in arr){
        d=Math.abs(e-k);
        if(d<mind) {
            mink=e;
            mind=d;
            }
        }
    return mink;
    }

Answer 3

我是按照以下方式完成的

我的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％，默认情况下它将高度设置为calc（100％ - 72px），当隐藏标签栏时，它会向下推动页面。

所以进行更改

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

使用ionic2-super-tabs时隐藏子页面上的选项卡

3 个答案: