如何在 Scrollview 中滚动到包含列表的特定索引？（Nativescript-vue）

Question

如何在 Scrollview 中滚动到包含列表的特定索引？（Nativescript-vue）

javascriptscrollviewnativescriptnativescript-telerik-uinativescript-vue

3

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

无论偏移量参数设置为何值，这段代码都无法正常工作。

我是否遗漏了什么？

提前感谢。

- Bastien

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Manoj · Accepted Answer

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

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

在调用此方法之前，请确保您的项目已在UI上填充。我认为您应该使用dataPopulatedEvent来完成这一点。