Question

我有一个滚动视图，顶部是图像，然后是搜索栏和列表。我正在努力做到这一点，以便在向上滚动时搜索栏不会离开页面的顶部，以便列表始终在其下方滚动。

格式：

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

是否可以在NativeScript中执行此操作？

Answer 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>

Nativescript Angular ScrollView绑定项到页面顶部

1 个答案: