react-native - 动画值的自定义插值函数

Question

我正在尝试将 X 值从 0 设置为 PI，将 Y 值从 0 设置为 sin(x)。

就像是：

this.positionX = new Animated.Value(0);
Animated.timing(
  this.positionX, {
    toValue: Math.PI,
    duration: 1000,
  }
).start();

// this obviously won't work
this.positionY = Math.sin(this.positionX);

我尝试使用以下方法插入 X 值：

this.positionX.interpolate({
  inputRange: [0, ..., PI],
  outputRange: [0, ..., sin(PI)],
});

但我仍然得到一个线性近似值并大大减慢了动画速度。

如何以相同的方式Animated.add或Animated.divide工作方式从自定义函数组成 Animated.Value？