如何在stackblitz上添加新组件

Question

我在stackblitz上使用native - script

我想使用tabview根据这个文档，我只是在html上添加一个标签。但是我不确定，因为通常在stackblitz上，当我添加新组件时，我必须添加依赖项。

<TabView id="tabViewContainer">
<TabViewItem title="First Tab">
<StackLayout>
<Label text="First Tab" textWrap="true" color="white"> </Label>
</StackLayout>
</TabViewItem>
<TabViewItem title="Second Tab">
<StackLayout>
<Label text="Second Tab" textWrap="true" color="white"> </Label>
</StackLayout>
</TabViewItem>
</TabView>

为什么我的TAB视图不工作?如何使用native - script添加对stackblitz的依赖?

当我尝试导入我的ts文件时:

import { TabView, TabViewItem, SelectedIndexChangedEventData } from "tns-core-modules/ui/tab-view";

没有找到，因为它不在我的包/json

中

Answer 1

如果你想在angular (https://v7.docs.nativescript.org/angular/ui/ng-components/tab-view)中使用它，你需要使用angular语法。或者，你可以使用ui-material-tabs插件，它的功能更完整:https://www.npmjs.com/package/@nativescript-community/ui-material-tabs

更新项目:https://stackblitz.com/edit/nativescript-stackblitz-templates-tueuyd?file=package.json, src % 2 fapp % 2 fitem % 2 fitem-detail.component.html