如何添加 onscroll 事件侦听器并使用 scrollview 的 ref 获取 Scrollview 的当前滚动位置

问：

我正在使用 react-native-gifted-charts 来实现带有多条线的面积图。

目标：允许用户在图表上水平滚动，但始终显示最小的完整值范围（垂直，y 轴）。即，当视图中的值具有较低的范围时，介于最大值和最小值之间，根据需要自动放大和缩小，并且更多值进入视图框架。

机会：react-native-gifted-charts 为您提供了其内部实现中使用的底层 scrollview 的参考。

麻烦：我知道如何通过将道具作为道具直接附加到滚动视图来添加道具，即onscroll

<Scrollview onscroll={(event) => {}} />

我将能够以这种方式实现我需要实现的一切，但我不知道如何使用 Scrollview 来做到这一点ref

我被困在这里：

const scrollRef = useRef(null)

  const onScroll = useCallback((event) => {
    console.log("🚀 ~ file: EnergyGraph.tsx:1149 ~ onScroll ~ event:", event.target)
    // my logic would go here
  }, [])

  useEffect(() => {
    if (scrollRef?.current) {
      scrollRef.current.addEventListener("scroll", onScroll)
      return () => scrollRef.current.removeEventListener("scroll", onScroll)
    }
  }, [])

  return (
      <LineChart scrollRef={scrollRef} />
)...

但是使用这种方法，我收到错误：addEventListener 不是函数