Пользовательская позиция TabView (вкладки) в Nativescript - PullRequest
Новая
       39

Пользовательская позиция TabView (вкладки) в Nativescript

0 голосов
/ 15 мая 2019

Я использую 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>

, и вкладки расположены правильно, но они не работают (они не меняют вкладку, и я не вижу содержимое вкладки).Итак, есть ли способ настроить вкладки? Спасибо вам!

...