Nativescript Angular ScrollView滚动到结束侦听器

前端之家收集整理的这篇文章主要介绍了Nativescript Angular ScrollView滚动到结束侦听器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有任何回调可用于识别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

猜你在找的Angularjs相关文章