Question

我使用ReactContext，现在我想将Animated.Value保留在上下文中。因此，将使用此上下文的任何组件都将能够访问此Animated.Value。

我只有几个ScrollView组件正在更新我的Animated.Value，并在此基础上，我想要一些动画。

问题：我在Context中使用此Animated.Value的组件中的动画无法正常工作。每当我将addListener添加到动画时，我都会看到该值正在更改，但是当我使用interpolate或其他东西时，动画不起作用。

这是代码的一部分，可更新滚动显示的scrollY值

onScroll={Animated.event([{ nativeEvent: { contentOffset: { y: context.scrollY } } }], { useNativeDriver: true })}

这是我的简单插值

const translateY = context.scrollY.interpolate({
      inputRange: [0, DISTANCE],
      outputRange: [MAX_HEIGHT, MIN_HEIGHT],
      extrapolate: 'clamp',
    });

在此处应用此转换：

<Animated.View style={[styles.container, { transform: [{translateY }] }, styles.header]}>

我错过了什么吗？甚至有可能实现这一目标吗？

从React上下文访问Animated.Value

0 个答案: