Nativescript RadListView Header 正在消失 (Android)
Nativescript RadListView Header Disappearing (Android)
我正在使用 RadListView 尝试使用 header 功能。如果我尝试在 header 中使用 StackLayout,它会在内容加载后消失。但是如果 header 是一个元素(例如标签),它就可以正常工作。该问题仅出现在 Android.
<GridLayout>
<RadListView [items]="products">
<ng-template tkListItemTemplate let-item="item">
<StackLayout orientation="vertical">
<Label class="nameLabel" text="test title"></Label>
<Label class="descriptionLabel" text="test description"></Label>
</StackLayout>
</ng-template>
<ng-template tkListViewHeader>
<StackLayout orientation="vertical">
<Label text="This is header row 1"></Label>
<Label text="This is header row 2"></Label>
</StackLayout>
</ng-template>
</RadListView>
</GridLayout>
加载前:
加载后:
我发现了问题。我的列表数据源不是 Observable。所以我猜它不能在动态内容初始化后直接加载到普通数组中。
我正在使用 RadListView 尝试使用 header 功能。如果我尝试在 header 中使用 StackLayout,它会在内容加载后消失。但是如果 header 是一个元素(例如标签),它就可以正常工作。该问题仅出现在 Android.
<GridLayout>
<RadListView [items]="products">
<ng-template tkListItemTemplate let-item="item">
<StackLayout orientation="vertical">
<Label class="nameLabel" text="test title"></Label>
<Label class="descriptionLabel" text="test description"></Label>
</StackLayout>
</ng-template>
<ng-template tkListViewHeader>
<StackLayout orientation="vertical">
<Label text="This is header row 1"></Label>
<Label text="This is header row 2"></Label>
</StackLayout>
</ng-template>
</RadListView>
</GridLayout>
加载前:
加载后:
我发现了问题。我的列表数据源不是 Observable。所以我猜它不能在动态内容初始化后直接加载到普通数组中。