React native 使用react native animated循环动画的一部分
如何播放一次从0到0.5的动画,然后使用React nativeReact native 使用react native animated循环动画的一部分,react-native,lottie,React Native,Lottie,如何播放一次从0到0.5的动画,然后使用React nativeAnimated从0.5到1到0.5循环播放 我有一个0-1-0的循环。它工作正常,但从0开始 Animated.loop( Animated.sequence([ Animated.timing(this.state.progress, { toValue: 1, duration: 1075, }), Animated.timing(this.state.progress, {
Animated
从0.5到1到0.5循环播放
我有一个0-1-0的循环。它工作正常,但从0开始
Animated.loop(
Animated.sequence([
Animated.timing(this.state.progress, {
toValue: 1,
duration: 1075,
}),
Animated.timing(this.state.progress, {
toValue: 0,
duration: 1075,
}),
])
).start();
这不是我想要的。我想要一个从0.5到1到0.5的循环。你可以使用<代码>插入这些内容,谢谢<代码>插值对我的任务很有效。请在示例代码中添加循环
Animated.loop(
Animated.sequence([
Animated.timing(this.state.progress, {
toValue: 1,
duration: 1075,
}, () => {
Animated.timing(this.state.progress, {
toValue: 0,
duration: 1075,
})
}),
])
).start();
constructor(props) {
super(props);
this.animatedValue = new Animated.Value(0)
}
componentDidMount() {
this.animate()
}
animate() {
this.animatedValue.setValue(0);
Animated.timing(
this.animatedValue,
{
toValue: 1,
duration: 1075,
easing: Easing.linear
}
).start(() => this.animate())
}
render() {
const animate = this.animatedValue.interpolate({
inputRange: [0, .5, 1],
outputRange: [.5, 1, .5]
});
}