Ion-tabs select（）会破坏scroll-content的margin-top

Question

Stackblitz Demo

我对选项卡导航存在很大问题。 在我的主页面上（没有标签）是简单的按钮，提供不同的navparams以预选特殊标签。

如果您看到演示并单击第二个按钮，则上部位于标题后面。 这种情况从未发生在第一个标签上，只发生在其他标签上。 详情是margin-top的{​​{1}}，它会被删除。

也许我只是对导航做错了。

Answer 1

好的，我找到了另一种更简单的方法，就是没有这个问题。

Tabs.html：

<ion-tabs selectedIndex="{{index}}">
   <ion-tab [root]="tabOne"></ion-tab>
   <ion-tab [root]="tabTwo"></ion-tab>
   <ion-tab [root]="tabThree"></ion-tab>
   <ion-tab [root]="tabFour"></ion-tab>
</ion-tabs>

Tabs.ts：

  ionViewWillLoad(){
     this.index=this.navParams.get("index");
  }

我像这样调用Tabs页面：

 goToPage(index: number) {
     this.navCtrl.setRoot(TabsPage, { index });
 }