javascript - 如何在 nativescript 中定义默认的 TabView？

Question

我使用 CLI 创建了一个新的 nativescript 项目并选择了“标签导航”。我现在有默认的 3 个选项卡，但我找不到如何将默认/选定的选项卡设置为最右边/中间的选项卡。

我已经尝试移动选项卡，因为它总是最左边的首先加载。

<TabView androidTabsPosition="bottom">

    <page-router-outlet
        *tabItem="{title: 'Home', iconSource: getIconSource('home')}"
        name="homeTab">
    </page-router-outlet>

    <page-router-outlet
        *tabItem="{title: 'Browse', iconSource: getIconSource('browse')}"
        name="browseTab">
    </page-router-outlet>

    <page-router-outlet
        *tabItem="{title: 'Search', iconSource: getIconSource('search')}"
        name="searchTab">
    </page-router-outlet>

</TabView>

Answer 1

试试这个

<TabView  [(ngModel)]="tabSelectedIndex"  androidTabsPosition="bottom">

    <page-router-outlet
        *tabItem="{title: 'Home', iconSource: getIconSource('home')}"
        name="homeTab">
    </page-router-outlet>

    <page-router-outlet
        *tabItem="{title: 'Browse', iconSource: getIconSource('browse')}"
        name="browseTab">
    </page-router-outlet>

    <page-router-outlet
        *tabItem="{title: 'Search', iconSource: getIconSource('search')}"
        name="searchTab">
    </page-router-outlet>

</TabView>

在你的 ts 文件中:

 public tabSelectedIndex: number=1; //for example

希望对您有所帮助。