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请将其作为答案发送给我一个问题,你在哪里找到了文档的那一页?如果你看左边的列表,没有一个突出显示,所以我想知道我自己该如何找到它?通常我只是用googlereact native\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuelps.如果没有,我会浏览节点模块只是一个问题,你在哪里找到了文档的那一页?如果你看左边的列表,没有一个突出显示,所以我想知道我自己应该如何找到它?通常我只需谷歌react native\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu>搜索我要找的任何内容。通常会有帮助。如果没有,我会浏览节点模块