Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 使用react native animated循环动画的一部分_React Native_Lottie - Fatal编程技术网

React native 使用react native animated循环动画的一部分

React 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, {

如何播放一次从0到0.5的动画,然后使用React native
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]
    });
}