带标题的NativeScript滚动列表视图

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

---

当我将标题滚动到顶部（保持不动）时，是否有办法使其正常运行

在设置为

auto

的GridLayout行中放置标签时，这肯定是预期的行为。您想要实现的目标是可以实现的，但需要额外的实现，例如（）第三方Android库。您可以直接在应用程序中使用纯JavaScript/TypeScript（通过管理应用程序的大小）实现相同的功能，或者创建一个使用上述android库的应用程序

---

NativeScript的诸多优点之一是，100%的本机iOS和Android API都是可访问的，这意味着在本机iOS或Android应用程序中可以实现的任何东西都可以在{N}中实现。

我发现了一个更干净的解决方案，使用：

---

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

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