我想使用本机驱动程序在 React Native 应用程序中处理动画。我正在使用Animated.FlatList,我想onScroll在render函数之外定义。这是代码片段。
class FlatListWithAnimation extends React.PureComponent {
[...]
onScroll = (event) => Animated.event(
[{
nativeEvent: {
contentOffset: { y: this.state.scrollY },
},
}],
{
useNativeDriver: true,
listener: (event, gestureState) => console.log(event, gestureState),
},
)(event);
render() {
[...]
return (
[...]
<Animated.FlatList
key="FlatList"
data={placeHolderData}
renderItem={this.renderPlaceHolder}
onScroll={this.onScroll}
/>
[...]
);
}
}Run Code Online (Sandbox Code Playgroud)
但是,这会产生_reactNative.Animated.event(...) is not a function错误。当我Animated.event直接放入inside 时onScroll={...},它就起作用了。但我想知道如何Animated.event在render函数之外使用。
谢谢。