#react-native
#реагирующий — родной
Вопрос:
Я использую 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]}>
Я что-то пропустил? Возможно ли это вообще?