带标题的 NativeScript 滚动列表视图

Question

我在 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>

当我将标题滚动到顶部（停留而不移动）时，有没有办法让它正常运行？

Answer 1

在设置为 auto 的 GridLayout 的一行放置标签时，这绝对是预期的行为。您想要实现的目标可以完成，但需要额外的实现，例如（No boring ActionBar) third party Android library. What you can do is either implement the same using pure JavaScript/TypeScript directly in your app (by managing the size of the ActionBar) or create a custom NativeScript plugin 使用提到的 android 库。

NativeScript 的众多优点之一是 100% 的原生 iOS 和 Android API 是可访问的，这意味着任何可以在原生 iOS 或 Android 应用可在 {N} 中实现。

Answer 2

我找到了一个更简洁的解决方案：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>

带标题的 NativeScript 滚动列表视图

NativeScript Scroll ListView with Title

nativescript