点击按钮后如何将ListView向下滚动到底部（例如使用scrollToIndex）？ NativeScript-Vue

Posted 2023-04-13

【中文标题】点击按钮后如何将ListView向下滚动到底部（例如使用scrollToIndex）？ NativeScript-Vue

【英文标题】：How to scroll down ListView to the bottom of it after button tapping (using scrollToIndex for instance)? NativeScript-Vue

【发布时间】：2019-10-01 18:33:20

【问题描述】：

也许这似乎是一件容易的事，但我真的不知道如何解决它。

我的 NativeScript-vue 应用程序中有一个 ListView 组件。在我点击一个按钮后，我需要 ListView 向下滚动到它的末尾。

我试过了：

<ListView ref="listViewEl" for="item in items">
<TextView :text="item.value"></TextView>
</ListView>
...

tappingButton() 
    this.$refs.listViewEl.scrollIndexTo(lastIndexScroll);

但它不起作用，我收到一个错误：

this.$refs.listViewEl.scrollToIndex 不是函数。

它也不适用于“scrollTo、smoothScrollToPosition、scrollToVerticalOffset 等”等其他方法。

我错过了什么？

提前谢谢你。

【参考方案1】：

您缺少.nativeView。为了从引用中访问实际的ListView 元素，您必须调用.nativeView 属性。

tappingButton() 
   this.$refs.listViewEl.nativeView.scrollToIndex(lastIndexScroll);

方法名也是scrollToIndex