Question

第一次加载此主动活动页面时，正在加载第三个标签页操作栏文本。
我需要根据点击标签加载操作栏文字。
对于例如：当我单击第二个选项卡时，意味着第二个选项卡操作栏具有触发。

main.activity.html：

<ActionBar title="MainActivity" class="action-bar">

</ActionBar>


<TabView selectedIndex="0" (selectedIndexChange)="onIndexChanged($event)"  iosIconRenderingMode="alwaysTemplate" selectedTabTextColor="blue" sdkExampleTitle sdkToggleNavButton>
<TabView iosIconRenderingMode="alwaysOriginal"></TabView>

<StackLayout *tabItem="{title: 'First Tab',iconSource:'res://store'}" >
<first-page></first-page>
</StackLayout>

<StackLayout *tabItem="{title: 'Second Tab',iconSource:'res://myapps'}" >
<second-page></second-page>
</StackLayout>

<StackLayout *tabItem="{title: 'Third Tab',iconSource:'res://home'}" >
<third-page></third-page>
</StackLayout>

</TabView>

main.activity.ts：

public onIndexChanged(args) {
        let tabView = <TabView>args.object;
        console.log("Selected index changed! New inxed: " + tabView.selectedIndex);
    }

Answer 1

对于每个标签位置，我们需要添加tabindex并添加适当页面的标题。

   <ActionBar *ngIf="tabIndex == 1" title="My Apps" color="black"> </ActionBar>

如何在从一个选项卡移动到nativescript

1 个答案: