네이티브 스크립트 Listview가 제대로 표시되지 않습니다.

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> 

그리고 렌더링 된 목록은 다음과 같다 -

내가 그 문제를 해결하는 방법에 어떤 생각?

Answer 1

값 "100 %"당신은 당신의 ListView에 대한 컨테이너 대신 DockLayout의 GridLayout과를 사용하려고 할 수

<ListView [items]="items" dock="top" height="100%">