Nativescript Tabview вообще не отображается, но исключений и ошибок тоже нет

Question

В моем HTML-файле есть разметка: хотя ActionBar показывает заголовок, представления табуляции в стековой структуре вообще не видны, и я не получаю никаких ошибок, но я не понимаю, почему ??? Я новичок в nativescript ...; -)

Кто-нибудь может понять, что я делаю не так?

<ActionBar title="Working days planner" class="action-bar">
</ActionBar> 

<StackLayout class="page">
    <TabView id="tabViewContainer">
        <TabViewItem title="First Tab">
            <StackLayout>
                <Label text="Working days" class="action-label m-15"></Label>
                <ListView [items]="items" class="list-group">
                    <ng-template let-item="item">
                        <Label [nsRouterLink]="['/item', item.id]" [text]="item.name" class="list-group-item"></Label>
                    </ng-template>
                </ListView>
            </StackLayout>
        </TabViewItem>
        <TabViewItem title="Second Tab">
            <StackLayout>
                <Label text="Second Tab" textWrap="true" class="m-15 h2 text-left" color="blue"></Label>
            </StackLayout>
        </TabViewItem>
    </TabView>
</StackLayout>

Код StackLayout в первом TabViewItem работает, если его поместить под ActionBar, но компонент TabView каким-то образом все испортил.

Answer 1

Я не видел этот синтаксис с элементом TabViewItem.Попробуйте начать с более простого примера со страницы документации:

NativeScript TabView для Angular

Как только вы получите базовый пример работы, предпримите пошаговые шаги, чтобы изменить содержимое на ваше.,Кроме того, это базовая функция, поэтому вы можете настроить пример Playground и поделиться им, если у вас есть конкретные проблемы.

Answer 2

Попробуйте удалить StackLayout выше, вам это действительно не нужно.