动画值的自定义插值函数

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？