首页 文章

带有 Headers 的NativeScript Scroll ListView

提问于
浏览 次
1

我在main-page.xml中有这个代码：

<GridLayout rows="auto, *">

  <Label text="Title" class="title" row="0" />

  <ListView id="listView" items="{{ listItems }}" row="1">

    <ListView.itemTemplate>
      <StackLayout>
        <Button text="{{ name }}" tap="dd" />
      </StackLayout>
    </ListView.itemTemplate>

  </ListView>

</GridLayout>

当我将 Headers 栏滚动到顶部（保持并且不移动）时，是否有办法使其表现正常？

nativescript

2 回答

  • 1

    我找到了一个更清洁的解决方案：https://docs.nativescript.org/cookbook/ui/repeater

    <ScrollView>

  <StackLayout>

    <Label text="Title" class="title" />

    <Repeater id="listItems" items="{{ listItems }}">

      <Repeater.itemTemplate>
        <StackLayout>
          <Button text="{{ name }}" tap="loadGuide" />
        </StackLayout>
      </Repeater.itemTemplate>

   </Repeater>

 </StackLayout>
    回复于
  • 0

    当将Label放置在GridLayout的一行（设置为 auto ）时，这绝对是预期的行为 . 您想要实现的目标可以完成，但需要额外的实现，例如像（No boring ActionBar）第三方Android库 . 您可以做的是直接在您的应用程序中使用纯JavaScript / TypeScript实现相同（通过管理ActionBar的大小）或创建使用提到的android库的custom NativeScript plugin .

    NativeScript的众多优点之一是100％的本机iOS和Android API都是可访问的，这意味着在本地iOS或Android应用程序中可以实现的任何内容都可以在中实现 .

    回复于

相关问题