title: My reanimated works more than once. How can make this animation work for once?
body: <p>I'm trying to make my tabbar dissappear while scrolling down with animation. onScroll sends boolean value if last y coord is bigger than current y coord its scrolling up and otherwise scrolling down. If I continue to scroll down onScroll still sends true value to my function and animaton works more than once. How can i disable position so only toValue is gonna work and my function will not trigger again and again while returning boolean value is same from onScroll. </p>
  
  <pre><code>function runTiming(value, dest) {
      const clock = new Clock();
      const state = {
          finished: new Value(0),
          position: new Value(0),
          time: new Value(0),
          frameTime: new Value(0),
      };
  
      const config = {
          duration: 200,
          toValue: new Value(0),
          easing: Easing.inOut(Easing.cubic),
      };
  
      return block([
  
          cond(clockRunning(clock), 0, [
  
              set(state.finished, 0),
              set(state.time, 0),
              set(state.position, value),
              set(state.frameTime, 0),
              set(config.toValue, dest),
              startClock(clock),
          ]),
          timing(clock, state, config),
          cond(state.finished, debug('stop clock', stopClock(clock))),
          state.position,
      ]);
  }
  </code></pre>