在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)','rgb(255,'rgb(0,255)'] })
和
Animated.timing(this.state.color,{tovalue: RED}).start();
但是使用这种方式,从黑色到蓝色,你必须穿红色.添加更多的颜色到混合,你最终在20世纪80年代迪斯科舞厅.
这样做的另一种方法是允许你直接从一种颜色到另一种颜色?
谢谢.
给定你有Animated.Value可以说x,你可以这样内插颜色:
render() { var color = this.state.x.interpolate({ inputRange: [0,300],outputRange: ['rgba(255,1)','rgba(0,255,1)'] }); return ( <View style={{backgroundColor:color}}></View> ); }
您可以在github发布的问题中找到完整的工作示例.
原文地址:https://www.jb51.cc/react/301205.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。