小编kim*_*mar的帖子

动画值的自定义插值函数

我试图将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);
Run Code Online (Sandbox Code Playgroud)

我尝试用以下内容插入X值:

this.positionX.interpolate({
  inputRange: [0, ..., PI],
  outputRange: [0, ..., sin(PI)],
});
Run Code Online (Sandbox Code Playgroud)

但我仍然得到一个线性逼近并大幅减慢动画速度.

如何以相同的方式Animated.add或自定义功能从自定义函数编写Animated.Value Animated.divide

react-native react-animated

6
推荐指数
0
解决办法
481
查看次数

标签 统计

react-animated ×1

react-native ×1