Nativescript Angular ScrollView滚动到结束侦听器

发布时间：2020-12-17 17:30:24 所属栏目：安全来源：网络整理

导读：是否有任何回调可用于识别ScrollView何时滚动到最底部？在Nativescript文档中,仅提到了scroll事件,但它仅提供有关当前滚动的X或Y线的信息.不确定此事件是否对我有用,因为我的ScrollView高度是动态的. 解决方法您仍然可以侦听滚动事件,并查看当前verticalOf

是否有任何回调可用于识别ScrollView何时滚动到最底部？
在Nativescript文档中,仅提到了scroll事件,但它仅提供有关当前滚动的X或Y线的信息.不确定此事件是否对我有用,因为我的ScrollView高度是动态的.

解决方法

您仍然可以侦听滚动事件,并查看当前verticalOffset是否等于ScrollView中最后一个组件的位置.

就像是,

// Attached to layoutChange event of your container element inside scroll view
 onLayoutChanged(event: EventData) {
    const containerLyt = <StackLayout>event.object,length = containerLyt.getChildrenCount(),lastItem = containerLyt.getChildAt(length - 1);

    this.lastItemY = lastItem.getLocationRelativeTo(containerLyt).y;
}

onScroll(event: EventData) {
    const scrollView = <ScrollView>event.object,verticalOffset = scrollView.getActualSize().height + scrollView.verticalOffset;

    if (verticalOffset >= this.lastItemY) {
        console.log("Reached end of scroll");
    }
}

Playground Example

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!