android - ListView Nativescript，出现在屏幕的 1/3 而不是整页

Question

我试图在整个页面上显示 ListView ，但它只出现在三分之一处。

那是 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 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>