相关疑难解决方法(0)

在React Native中动画backgroundColor

我如何在React Native中将一种颜色的动画设置为另一种颜色.我发现通过插入Animated.Value,您可以通过以下方式设置颜色的动画:

var BLACK = 0;
var RED = 1;
var BLUE = 2;

backgroundColor: this.state.color.interpolate({
  inputRange: [BLACK, RED, BLUE],
  outputRange: ['rgb(0, 0, 0)', 'rgb(255, 0, 0)', 'rgb(0, 0, 255)']
})
Run Code Online (Sandbox Code Playgroud)

Animated.timing(this.state.color, {toValue: RED}).start();
Run Code Online (Sandbox Code Playgroud)

但是使用这种方法,从BLACK到BLUE,你必须经历红色.添加更多颜色混合,你最终在20世纪80年代的迪斯科舞厅.

有没有另一种方法可以让你直接从一种颜色到另一种颜色?

javascript react-native

47
推荐指数
2
解决办法
3万
查看次数

标签 统计

javascript ×1

react-native ×1