0

我正在将 Nativescript 和 Angular 用于应用程序。在一个页面的中间，我会添加两个选项卡，并在其下方添加它们的内容：

<TabView [(ngModel)]="tabSelectedIndex" selectedTabTextColor="#a81b38" tabBackgroundColor="#f5f5f5"
                tabTextFontSize="18" androidSelectedTabHighlightColor="#a81b38"
                (selectedIndexChange)="onSelectedIndexChanged($event)" androidTabsPosition="bottom">
<StackLayout *tabItem="{title: 'Details', iconSource: getIconSource('details')}">
    <Label text="my content 1"></Label>
</StackLayout>

<StackLayout *tabItem="{title: 'Prices', iconSource: getIconSource('prices')}">
    <Label text="my content 2"></Label>
</StackLayout>
</TabView>

所以：

--- PAGE START ----
 ...some page content....
 .... tabs ....
 .... content of selected tab ....
 ....other page content...
--- PAGE END ----

问题是我可以将 TabView 放在顶部或底部。我尝试将 TabView 包装成这样：

<StackLayout margin="50 0 0 0">
 ...tabs...
</StackLayout>

并且选项卡的位置正确，但它们不起作用（它们不会更改选项卡，我看不到选项卡内容）。那么，有没有办法自定义标签的位置？谢谢！

4

0 回答 0