Question

我正在学习动画。在文档中，我看到了translateY和translateX，我学会了它们。我阅读了整个文档，但没有找到任何其他翻译。我期待像translateColor这样的东西。

例如：

style={{
    opacity: this.state.fadeAnim, // Binds directly
    transform: [{
      translateBackgroundcolor: this.state.fadeAnim.interpolate({
        inputRange: [0, 1],
        outputRange: ['rgba(255, 0, 0, 1)', 'rgba(0, 255, 0, 1)'] 
      }),
    }],
  }}

购买我已经知道我需要这样做以改变背景：

 var interpolatedColorAnimation = this._animatedValue.interpolate({
        inputRange: [0, 100],
      outputRange: ['rgba(255,255,255, 1)', 'rgba(51,156,177, 1)']
    });

    return (
      <View style={styles.container}>
       <Animated.View 
              style={[styles.box, {backgroundColor: interpolatedColorAnimation}]}
          />
      </View>
    );

但是我不知道在transform内应该改变什么以及什么应该作为样式属性传递。

我在哪里可以找到它们的列表？为什么他们不在react native doc？

Answer 1

这是你在找什么？

https://facebook.github.io/react-native/docs/transforms.html

看起来变换

不支持动画颜色

Animated

1 个答案: