javascript - Lodash 查找范围而不是数字的精确匹配

Question

我正在 react-native 中实现一个系统，我在其中使用 onScroll 处理程序来检测距视口(viewport)顶部的 Y 偏移量。当当前滚动位置等于存储在单独对象中的数字时，必须对其进行检测。

现在这是我的代码:

onActivitiesScroll = (event) => {
    let positionYTrack = _.find(
        this.state.trackHeaderCardPositionsY,
        { positionY: Math.floor(event.nativeEvent.contentOffset.y) }
    );

    console.log(positionYTrack);
}

问题出在这部分:{ positionY: Math.floor(event.nativeEvent.contentOffset.y) }

event.nativeEvent.contentOffset.y 是一个精确的数字(floored)，positionY 是状态对象中的一个属性。问题是当我滚动时，由于 onScroll 处理程序处理的帧数有限，它会跳过许多滚动位置。

这段代码现在正在做的是:

如果 Math.floor(event.nativeEvent.contentOffset.y) 完全等于状态中的 positionY 属性值之一，它应该记录它。我想这样做:

如果 Math.floor(event.nativeEvent.contentOffset.y) 在当前位置 - 10 和当前位置 + 10 的范围内，它应该检测到它。

知道如何实现吗？我似乎无法为此找到解决方案，即使在睡过头之后也是如此。

Answer 1

_.find 也接受一个比较值的函数。这是一个简单的示例，您可以使用它来查找 y 是否在范围内:

onActivitiesScroll = (event) => {
    let positionYTrack = _.find(
        this.state.trackHeaderCardPositionsY,
        position => {
            const y = Math.floor(event.nativeEvent.contentOffset.y);
            const min = y - 10;
            const max = y + 10;
            return min >= position <= max;
        }
    );
}