NativeScript 滚动 ListView 与标题答案

【问题标题】：NativeScript Scroll ListView with TitleNativeScript 滚动 ListView 与标题
【发布时间】：2016-07-22 15:59:39
【问题描述】：

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

当我将标题棒滚动到顶部时（保持不动），有没有办法让它正常运行？

【问题讨论】：

其余元素是否在标题下方滚动？项目数量是否比您的测试设备的屏幕长？
是的元素在标题下方滚动，是的项目数量比设备的屏幕长。
我认为这是预期的行为。添加另一组标题和列表并滚动查看会发生什么。它应该类似于您在向下滚动 Instagram 提要时看到的内容，只要显示的内容属于该作者，作者就会保持在顶部。

标签： nativescript

【解决方案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>

【讨论】：

【解决方案2】：

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

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

【讨论】：