nativescript - ネイティブ スクリプトのリストビューが正しく表示されない

Question

上部に ActionBar が表示され、その下に SegmentedBar が表示されているページがあります。SegmentedBar の最初のタブでは、リストを表示します。リストはレンダリングされていますが、残りのスペースは使用されていません。ここに私のコードがあります -

<ActionBar title="NS Learning" android:position="right">
    <StackLayout orientation="horizontal" horizontalAlignment="stretch">
       <Label text="Jahid Shohel" horizontalAlignment="center"></Label>
    </StackLayout>
</ActionBar>
<GridLayout rows="auto, *" columns="*">
    <SegmentedBar row="0" #tabs [items]="items" [(ngModel)]="selectedIndex" selectedBackgroundColor="#fac950"></SegmentedBar>

    <StackLayout row="1" *ngIf="selectedIndex === 0" height="stretch">
        <tab1></tab1>
    </StackLayout>
    <StackLayout row="1" *ngIf="selectedIndex === 1" width="100%">
        <tab2></tab2>
    </StackLayout>
    <StackLayout row="1" *ngIf="selectedIndex === 2" width="100%">
        <tab3></tab3>
    </StackLayout>
</GridLayout>

そして私の<tab1></tab1>コードは -

<DockLayout>
    <ListView [items]="items" dock="top">
        <template let-item="item">
            <GridLayout columns="auto, *, auto" rows="auto,auto">
                <Image row="0" rowSpan="2" col="0" src="res://user" class="post-image"></Image>
                <Label row="0" col="1" colSpan="2" text="Good morning! Have a nice day"></Label>
                <Image row="1" col="1" src="res://facebook_thumb" class="social-icon"></Image>
                <Label row="1" col="2" text="15 August 2016 11:17:26"></Label>
            </GridLayout>
        </template>
    </ListView>
</DockLayout>

そして、レンダリングされたリストは次のようになります-

どうすれば修正できますか？