复活的v1再次为1到0到1的值设置动画

问题描述

我尝试构建一个序列动画，在该动画中我将一个值（具有定时）从1设置为0，然后又重新设置为1。 / p>

我的动画代码大致如下：

import { timing } from "react-native-redash";

const opacity = useValue(1);

  useCode(
    () => [
      //fade out
      set(
        opacity,timing({
          from: 1,to: 0,duration: 100,//easing: Easing.inOut(Easing.ease),})
      ),// fade in,once we fully faded out
      cond(
        eq(opacity,0),set(
          opacity,timing({
            from: 0,to: 1,})
        )
      ),debug("opacity",opacity),],[config.rightElements,opacity]
  );

调试输出是这样的：

//this is fine,animating from 1 -> 0
opacity 1
opacity 0.8663746803998947
opacity 0.6997080102562905
opacity 0.5330413401126861
opacity 0.36637466996908186
opacity 0.19970800012350087
opacity 0.03304133057594294
opacity 0
//why on earth is this 1,and animated to 0 again?
opacity 1
opacity 0.8333333298563957
opacity 0.6666666597127915
opacity 0.49999999016523367
opacity 0.3333333200216293
opacity 0.16666664987802504
opacity 1

正如您在日志中看到的那样，它没有像我期望的那样动画。从1到0的第一个动画有效，但随后又从1到0动画！ 我尝试删除该条件，但我认为它会按顺序运行-不会。试图延迟执行第二个节点，但没有成功：结果相同。

任何帮助将不胜感激。我很新来复活。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）