有人可以用 "Animated.event" 解释一下 "onScroll" 吗？

Question

有人可以在 Animated.event 的 onScroll 中向我解释一下这个 React 原生文档吗？或者只是可以为我提供一个 link 到它的参考，plz。我不应该将函数传递给 onScroll (event) => {Some function}吗？

onScroll={Animated.event(
       [{nativeEvent: {contentOffset: {x: this._scrollX}}}],
       {listener: (event) => console.log(event)}, // Optional async listener
     )}

另外，this._scrollX中的Animated.Value是否接收到contentOffset的x值？怎么会？

https://reactnative.dev/docs/animated#event

Answer 1

这里也许是您的答案。包含2种onscroll函数句柄

How does Animated.Event work in React Native?

Answer 2

平移或滚动等手势和其他事件可以使用 Animated.event() 直接映射到动画值，这会在您滚动时触发（在您的情况下）。第一层是一个数组，允许跨多个参数进行映射，该数组包含嵌套对象。

例如，当使用水平滚动手势时，您将执行以下操作以将 event.nativeEvent.contentOffset.x 映射到this._scrollX（应为Animated.Value）而无需设置组件层次结构和re-render。这是以一种比调用 setState 和 re-rendering.

更快的优化方式完成的

参考： https://reactnative.dev/docs/animations#animated-api

有人可以用 "Animated.event" 解释一下 "onScroll" 吗？

Can Some one explain me "onScroll" with "Animated.event"?

javascript

react-native

animation

react-native-animatable