Question

在我的HTML文件中，我有以下标记：虽然ActionBar显示标题，但是stacklayout中的tabviews根本不可见，并且我没有收到任何错误，但是我不明白为什么？我是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>

将第一个TabViewItem中的StackLayout代码放在ActionBar下时，它可以工作，但是TabView组件会以某种方式固定所有内容。

Answer 1

我还没有看到带有TabViewItem元素的语法。尝试从文档页面的一个简单示例开始：

NativeScript TabView for Angular

一旦您获得了一个基本示例，就可以采取逐步的步骤将内容更改为您的内容。另外，这是一项基本功能，因此您可以设置一个Playground示例，并在遇到特定问题时与他人分享。

Answer 2

尝试删除上面的StackLayout，您确实不需要它。

完全不呈现Nativescript Tabview，但也没有异常/错误

2 个答案: