ListView Nativescript，出現在屏幕的1/3而不是整頁

Question

我想在整個頁面上顯示列表視圖，但它只出現在三分之一。

那ListView控件代碼：

<ListView [items]="dataItems" (setupItemView)="onSetupItemView($event)" (itemTap)="onItemTap($event)" class="list-group"> 
    <ng-template let-dataitem="item" let-i="index" let-third="third" let-header="header" let-footer="footer"> 
     <GridLayout [class.third]="third" [class.header]="header" [class.footer]="footer" class="list-group-item"> 
      <StackLayout> 
       <Image src="https://i.imgur.com/muf3HZM.png" stretch="none"></Image> 
       <Label [text]="dataitem.name" android:class="label-item"></Label> 
      </StackLayout> 
     </GridLayout> 
    </ng-template> 
</ListView> 

Answer 1

你可以嘗試用GridLayout的包裝它像這樣

<GridLayout rows="*" columns="*"> 
    <ListView col="0" row="0" [items]="dataItems" (setupItemView)="onSetupItemView($event)" (itemTap)="onItemTap($event)" class="list-group"> 
     <ng-template let-dataitem="item" let-i="index" let-third="third" let-header="header" let-footer="footer"> 
      <GridLayout [class.third]="third" [class.header]="header" [class.footer]="footer" class="list-group-item"> 
       <StackLayout> 
        <Image src="https://i.imgur.com/muf3HZM.png" stretch="none"></Image> 
        <Label [text]="dataitem.name" android:class="label-item"></Label> 
       </StackLayout> 
      </GridLayout> 
     </ng-template> 
    </ListView> 
</GridLayout>