React Native Animated Добавить Интерполировать

Question

У меня есть компонент React Native Animated.view, прозрачность которого я хотел бы интерполировать на основе позиции прокрутки. Однако я хочу интерполировать непрозрачность, используя два значения (x и y) вместо одного.

this.nextCardOpacityX = this.position.x.interpolate({
  inputRange: [-SCREEN_WIDTH / 2, 0, SCREEN_WIDTH / 2],
  outputRange: [1, 0, 1],
  extrapolate: 'clamp',
});
this.nextCardOpacityY =  this.position.y.interpolate({
  inputRange: [-SCREEN_HEIGHT / 2 + 100, 0, SCREEN_HEIGHT / 2 - 100],
  outputRange: [1, 0, 0],
  extrapolate: 'clamp'
});

styles.opacity = {
  opacity: this.nextCardOpacityY > this.nextCardOpacityX ? this.nextCardOpacityY : this.nextCardOpacityX,
}

Конечно, это не работает, потому что nextCartOpacityY влияет только, но ясно дает понять, что я хочу достичь. Я думаю, что это можно сделать с помощью Animated.add, но я не уверен, как я могу использовать add с интерполяцией