nativescript - RadListView - 滚动到特定的 y 位置

Question

在 RadListView 中，是否可以滚动到特定的 y 位置。

问题是如果我从 RadListView 页面导航到另一个页面然后返回 - 它初始化到列表视图的顶部。在导航到另一个页面之前，我希望用户处于相同的 y 位置。

我认为有一种滚动到项目的方法 - 但这不一定是相同的 y 位置。

Answer 1

您可以使用可观察的 ViewModel 缓存您的索引并在需要时传递它（在这种情况下，在您的列表的加载事件上 - 即用户将返回到列表页面并加载列表时）

例如打字稿

页面.ts

export function onListLoaded(args: RadListwModule.ListViewEventData) {
    list = <RadListwModule.RadListView>args.object;

    if (list.items) {
        list.scrollToIndex(roversViewModel.get("cachedIndex"));
    }

    list.refresh();
}

export function onItemTap(args: RadListwModule.ListViewEventData) {
    var tappedItemIndex = args.itemIndex;

    // "cache" the index of our tapped  item
    roversViewModel.set("cachedIndex", tappedItemIndex);

    // navigate to  details page or do what you want to do on itemTap
    frame.topmost().navigate(navEntry);
}

页面.xml

 <lv:RadListView items="{{ dataItems }}" loaded="onListLoaded" itemTap="onItemTap">

在第一次加载列表时，还要给你的 cachedIndex初始值 0。

基于此 POC 应用程序的示例。请注意，这与 scroll-to-the-exact-y-position 并不完全相同，但您可以修改逻辑并通过获取单元格相对位置偏移量进一步滚动到确切位置。