Nativescript选项卡项无法触发tap函数

我正在尝试创建一个由两部分组成的可滚动选项卡导航栏和内容窗口。到目前为止，我所做的选项卡在点击时不会触发相关功能

navbar.component.tns.html

<ScrollView orientation="horizontal" height="10%">
    <TabView>
        <StackLayout *tabItem="{title: 'Home'}" (tap)="tapHome()">
        </StackLayout>
        <StackLayout *tabItem="{title: 'Players'}" (tap)="tapPlayers()">
        </StackLayout>
        <StackLayout *tabItem="{title: 'Teams'}" (tap)="tapTeams()">
        </StackLayout>
        <StackLayout *tabItem="{title: 'Organizers'}" (tap)="tapOrganizers()">
        </StackLayout>
        <StackLayout *tabItem="{title: 'Tournaments'}" (tap)="tapTournaments()">
        </StackLayout>
    </TabView>
</ScrollView>

---

我试过tap=“function”、（tap）=“function”、tap=“function（）”、（tap）=“function（）”、（tap）=“{{function（）}}”和tap=“{function（）}}”。前四个不起作用，倒数第二个触发错误，最后一个导致预期的ontap函数在初始化后触发一次，然后从此停止运行。

您不应该将

选项卡

包装在

滚动视图

中，它不需要或添加任何值

 <TabView>
    <StackLayout *tabItem="{title: 'Home'}" (tap)="tapHome()">
    </StackLayout>
    <StackLayout *tabItem="{title: 'Players'}" (tap)="tapPlayers()">
    </StackLayout>
    <StackLayout *tabItem="{title: 'Teams'}" (tap)="tapTeams()">
    </StackLayout>
    <StackLayout *tabItem="{title: 'Organizers'}" (tap)="tapOrganizers()">
    </StackLayout>
    <StackLayout *tabItem="{title: 'Tournaments'}" (tap)="tapTournaments()">
    </StackLayout>
</TabView>

---

上面的代码片段应该允许点击事件。

请分享一个游乐场示例，在这里可以复制该问题。

 <TabView>
    <StackLayout *tabItem="{title: 'Home'}" (tap)="tapHome()">
    </StackLayout>
    <StackLayout *tabItem="{title: 'Players'}" (tap)="tapPlayers()">
    </StackLayout>
    <StackLayout *tabItem="{title: 'Teams'}" (tap)="tapTeams()">
    </StackLayout>
    <StackLayout *tabItem="{title: 'Organizers'}" (tap)="tapOrganizers()">
    </StackLayout>
    <StackLayout *tabItem="{title: 'Tournaments'}" (tap)="tapTournaments()">
    </StackLayout>
</TabView>