如何向下滚动到 Scrollview 中包含的列表的特定索引？ (Nativescript-vue)

Question

我正在使用 nativescript-vue 编写移动应用程序。

我有一个包含在 Scrollview 中的列表（它包含在 Tabview 中）。 当我的应用转到此选项卡时，我希望滚动视图向下滚动到包含的列表的特定索引。

我试过这个：

<ScrollView id="ScrollView" @loaded="onLoaded">
    <ListView for="item in items" class="list-group">
     ...

onLoaded() {         
this.$refs.page.nativeView.getViewById("ScrollView").scrollToVerticalOffset(200, false);
}

无论偏移参数的值如何，这都不起作用。

我是不是漏掉了什么？

提前致谢。

Answer 1

将 ListView 包装在 ScrollView 中是错误的，因为 ListView 本身是可滚动的。您可以在 RadListView 上使用 scrollToIndex 向下/向上滚动到特定索引。

// Scrolls to 50th index
listView.scrollToIndex(50);

在调用此方法之前，还要确保您的项目已填充到 UI。我认为你应该为此使用 dataPopulatedEvent。