Nativescript Angular ScrollView 将项目绑定到页面顶部答案

【问题标题】：Nativescript Angular ScrollView tether item to top of pageNativescript Angular ScrollView 将项目绑定到页面顶部
【发布时间】：2020-02-23 14:13:04
【问题描述】：

我有一个滚动视图，顶部有一个图像，然后是一个搜索栏和一个列表。我正在尝试使搜索栏在向上滚动时不会离开页面顶部，以便列表继续在其下方滚动。

格式：

<ScrollView>
  <Image src="testimage.png"></Image>
  <Searchbar></Searchbar>
  <ListView items></ListView>
</ScrollView>

有没有办法在 NativeScript 中做到这一点？

【问题讨论】：

你应该使用GridLayout而不是ScrollView，定义3行（auto,auto,*）。

标签： nativescript scrollview nativescript-angular

【解决方案1】：

使用GridLayout，ListView本身自带滚动条。

<GridLayout rows="auto,auto,*">
  <!-- you might want to set a height for image, depends on your image source -->
  <Image row="0" src="testimage.png"></Image>
  <Searchbar row="1"></Searchbar>
  <ListView row="2" ...></ListView>
</GridLayout>

【讨论】：