Блог

Я использую ReactContext, и теперь я хотел бы сохранить Animated.Value сам контекст. Таким образом, любые компоненты, которые будут использовать этот контекст, смогут получить к нему доступ Animated.Value .

У меня есть несколько ScrollView компонентов, которые обновляют мои Animated.Value , и на основе этого я хотел бы иметь несколько анимаций.

Проблема: мои анимации в компонентах, которые используют это 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]}>
  

Я что-то пропустил? Возможно ли это вообще?