1

我在我的离子应用程序的主页中使用超级标签。问题是每当我从任何选项卡导航到另一个子页面并返回显示的第一个选项卡内容时。但选项卡指示器显示正确的选项卡。问题仅出在 iOS 设备上。它在安卓设备上完美运行。

主页.html

<super-tabs>
    <super-tabs-toolbar slot="top" scrollable scrollable-padding="false">
        <super-tab-button>
          <ion-label>Dashboard</ion-label>
        </super-tab-button>
        <super-tab-button>
          <ion-label>Tab 1</ion-label>
        </super-tab-button>
        <super-tab-button>
          <ion-label>Tab 2</ion-label>
        </super-tab-button>
        <super-tab-button>
          <ion-label>Tab 3</ion-label>
        </super-tab-button>
        <super-tab-button>
          <ion-label>Tab 4</ion-label>
        </super-tab-button>
        <super-tab-button>
          <ion-label>Tab 5</ion-label>
        </super-tab-button>
    </super-tabs-toolbar>

    <super-tabs-container>
        <super-tab>
          <ion-nav [root]="tab0"></ion-nav>
        </super-tab>
        <super-tab>
          <ion-nav [root]="tab1"></ion-nav>
        </super-tab>
        <super-tab>
          <ion-nav [root]="tab2"></ion-nav>
        </super-tab>
        <super-tab>
          <ion-nav [root]="tab3"></ion-nav>
        </super-tab>
        <super-tab>
          <ion-nav [root]="tab4"></ion-nav>
        </super-tab>
        <super-tab>
          <ion-nav [root]="tab5"></ion-nav>
        </super-tab>
    </super-tabs-container>
</super-tabs>
4

1 回答 1

0

我有一个类似的问题。问题是我在一个选项卡中使用了 viewChild 并使用了 child.scrollIntoView()。行为就像你的一样 - 第一个选项卡处于活动状态，但显示了我使用 scrollIntoView 方法的选项卡的内容。也许这很有帮助。最佳阿克塞尔

于 2020-09-24T09:45:53.073 回答