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

时间:2018-12-11 09:54:18

标签: javascript scrollview nativescript nativescript-telerik-ui nativescript-vue

我正在使用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);
}

无论offset参数的值如何,这都行不通。

我想念什么吗?

谢谢。

1 个答案:

答案 0 :(得分:2)

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

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

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