Проблема с реагированием родной реанимированной нескольких анимированных значений

Question

У меня есть проблема с реанимацией native-реанимации.

Я хочу реализовать заголовок и нижнюю панель вкладок, чтобы выдвигаться при прокрутке прокрутки вниз и перемещаться при прокрутке вверх.

Обе части прекрасно работают отдельно или вместе с одним и тем же анимированным значением (необходимо иметь разные значения, потому что размер контейнеров слайдов различен), но если я хочу использовать его вместе, анимируется только одно значение.

Вот мой код:

  const [tabBarValue, setTabBarValue] = useState(new Animated.Value(0));
  const [tabBarValueDiff, setTabBarValueDiff] = useState(new Animated.diffClamp(tabBarValue, 0, props.tabBarHeight));

  const [tabBarHeight, setTabBarHeight] = useState(Animated.interpolate(tabBarValueDiff, {
    inputRange: [0, props.tabBarHeight],
    outputRange: [props.tabBarHeight, 0],
  }));

  const [headerLogoValue] = useState(new Animated.Value(0));
  const [headerLogoValueDiff, setAnimatedValueDiff] = useState(new Animated.diffClamp(headerLogoValue, 0, props.headerLogoHeight));

  const [headerLogoHeight, setHeaderLogoHeight] = useState(Animated.interpolate(headerLogoValueDiff, {
    inputRange: [0, props.headerLogoHeight],
    outputRange: [props.headerLogoHeight, 0],
  }));

Надеюсь, вы, ребята, можете мне помочь:)

Привет,

Лассе