nativescript - 为什么 Listview 在 nativescrit angular2 中的 scrollview 内不能滚动

Question

# 我在 Scrollview 中使用 listview，但是 listview 在 scrollview 中不能作为顶级父 View 滚动

component.html
    <ScrollView>
  <StackLayout class="zindex">
        <!--<AutoComplete [items]="ArrayVillage" (itemTap)="itemTapped($event)"> </AutoComplete>-->
        <SearchBar row="0" #sb hint="Search for a country and press enter" (clear)="onClear()" [text]="searchPhrase" (submit)="onSubmit(sb.text)"></SearchBar>
        <ListView row="1" [items]="myItems" class="list-group">
          <template let-item="item">
            <GridLayout class="item" class="list-group-item">
              <Label [text]="item.name" class="list-group-item-heading"></Label>
            </GridLayout>
          </template>
        </ListView>
      </StackLayout>
 <ScrollView>

Answer 1

尝试使用 Repeater 而不是 ListView，如 https://docs.nativescript.org/cookbook/ui/repeater 中所述.下面是一个示例，说明如何将 Repeater 包含在 ScrollView 中并获得可滚动的整个布局。

<ScrollView>
    <StackLayout class="margin">
        <Label text="{{ description }}"></Label>
        <Repeater items="{{ options }}" row="1">
            <Repeater.itemTemplate>
                <StackLayout>
                    <Label text="{{ description }}"></Label>
                </StackLayout>
            </Repeater.itemTemplate>
        </Repeater>
    </StackLayout>
</ScrollView>