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

Question

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

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

我试过这个:

<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 本身是可滚动的。您可以使用 scrollToIndex在 RadListView 上向下/向上滚动到特定索引。

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

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