Reactjs 动画的不同翻译列表

Reactjs 动画的不同翻译列表,reactjs,react-native,Reactjs,React Native,我正在学习动画。在文档中,我看到了translateY和translateX,并学习了它们。我看了整份文件,但没有找到其他翻译。我期待着像translateColor之类的东西 例如: style={{ opacity: this.state.fadeAnim, // Binds directly transform: [{ translateBackgroundcolor: this.state.fadeAnim.interpolate({ inpu

我正在学习动画。在文档中,我看到了
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>
    );
var interpolatedColorAnimation=this.\u animatedValue.interpolate({
输入范围:[01100],
输出范围:['rgba(255255255,1)''rgba(51156177,1)'
});
返回(

这就是你要找的吗


看起来transform不支持设置颜色动画

这就是您要找的吗


看起来好像transform不支持设置颜色动画

可能重复@bennygenel no这不是答案,我之前看到过,正如我所说,我用它来解决我的问题,但这里我要问的是其他问题,我要问什么时候使用
transform
,什么时候将它传递到
样式
,以及在哪里可以找到所有翻译的列表。请删除该列表,thanksTransform是样式化组件的CSS属性。何时使用以及何时将其传递给样式取决于您的设计和实现。有关翻译的更多信息是。@bennygenel请将其作为@bennygenel的副本发送。@bennygenel no这不是答案,我以前看到过,正如我所说的,我告诉过我们我用它来解决我的问题,但这里我要问的是其他问题,我要问的是什么时候使用
transform
,什么时候将它传递给
样式
,以及在哪里可以找到所有翻译的列表。请删除它,thanksTransform是样式化组件的CSS属性。何时使用以及何时传递给样式取决于您的设计d实现。关于翻译的更多信息是。@bennygenel请将其作为答案发送给我一个问题,你在哪里找到了文档的那一页?如果你看左边的列表,没有一个突出显示,所以我想知道我自己该如何找到它?通常我只是用google
react native\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuelps.如果没有,我会浏览节点模块只是一个问题,你在哪里找到了文档的那一页?如果你看左边的列表,没有一个突出显示,所以我想知道我自己应该如何找到它?通常我只需谷歌
react native\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu>搜索我要找的任何内容。通常会有帮助。如果没有,我会浏览节点模块