TabView nativescript中的动态选项卡-Java 学习之路

是否可以为nativescript中的tabview动态创建选项卡？

以下示例位于nativescript的文档中

<TabView selectedIndex="0"  (selectedIndexChange)="onIndexChanged($event)" sdkExampleTitle sdkToggleNavButton>
    <StackLayout *tabItem="{title: 'NativeScript'}">
        <Label text="NativeScript" class="m-15 h2 text-left" color="blue"></Label>
        <ScrollView>
            <Label [text]="content" textWrap="true" class="m-15"></Label>
        </ScrollView>
    </StackLayout>
    <StackLayout *tabItem="{title: 'Icon'}">
        <Image class="m-t-30 m-b-15" src="res://icon" width="80" height="80"></Image>
        <Label text="NativeScript" textWrap="true" class="h2 m-x-auto" color="blue"></Label>
    </StackLayout>
</TabView>

并且它不允许我使用ng，因为StackLayout元素已经有一个以*开头的指令

1 回答

是的你可以！使用 *ngFor

<TabView>
    <ng-container *ngFor="let tab of tabList">
       <StackLayout *tabItem="tab">
                .....
       </StackLayout>
    </ng-container>
</TabView>

回复于 2024-05-11T05:34:20+08:00

TabView nativescript中的动态选项卡

1 回答

相关问题