angular - Nativescript + Angular ScrollView 滚动到结束监听器

Question

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

Answer 1

您仍然可以监听 scroll 事件并查看当前 verticalOffset 是否等于 ScrollView 中最后一个组件的 location 。

有点像，

 // 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