How to use the react-native-redash.runTiming function in react-native-redash

To help you get started, we’ve selected a few react-native-redash examples, based on popular ways it is used in public projects.

github wcandillon / can-it-be-done-in-react-native / season2 / apple-appoftheday / components / AppModal.tsx View on Github external
() => block([
            cond(eq(opened, 0), [
              set(driver, runTiming(clock, 0, timingConfig)),
              cond(eq(clockRunning(clock), 0), set(opened, 1)),
            ]),
            set(x, binaryInterpolation(driver, position.x, 0)),
            set(y, binaryInterpolation(driver, position.y, 0)),
            set(width, binaryInterpolation(driver, position.width, wWidth)),
            set(contentX, binaryInterpolation(driver, position.x, 0)),
            set(contentY, binaryInterpolation(driver, position.y, position.height)),
            cond(and(greaterOrEq(round(translationY), 100), neq(driver, 0)), [
              set(driver, runTiming(clock, 1, {
                toValue: 0,
                duration: 300,
                easing: Easing.inOut(Easing.ease),
              })),
              cond(eq(clockRunning(clock), 0), call([], close)),
            ]),
          ])
        }
github wcandillon / can-it-be-done-in-react-native / season2 / monzo-card-selection / components / CardSelection2.tsx View on Github external
const timing = (clock: Animated.Clock) =>
  runTiming(clock, 0, { toValue: 1, duration: 400, easing: Easing.linear });
github wcandillon / can-it-be-done-in-react-native / season2 / apple-appoftheday / components / AppModal.tsx View on Github external
() => block([
            cond(eq(opened, 0), [
              set(driver, runTiming(clock, 0, timingConfig)),
              cond(eq(clockRunning(clock), 0), set(opened, 1)),
            ]),
            set(x, binaryInterpolation(driver, position.x, 0)),
            set(y, binaryInterpolation(driver, position.y, 0)),
            set(width, binaryInterpolation(driver, position.width, wWidth)),
            set(contentX, binaryInterpolation(driver, position.x, 0)),
            set(contentY, binaryInterpolation(driver, position.y, position.height)),
            cond(and(greaterOrEq(round(translationY), 100), neq(driver, 0)), [
              set(driver, runTiming(clock, 1, {
                toValue: 0,
                duration: 300,
                easing: Easing.inOut(Easing.ease),
              })),
              cond(eq(clockRunning(clock), 0), call([], close)),
            ]),
          ])
github wcandillon / can-it-be-done-in-react-native / bonuses / circular-progress / App.tsx View on Github external
export default () => {
  const clock = new Clock();
  const config = {
    duration: 10 * 1000,
    toValue: 1,
    easing: Easing.linear,
  };
  return (
    <View style={styles.container}>
      <CircularProgress progress={runTiming(clock, 0, config)} />
    </View>
  );
};
github wcandillon / can-it-be-done-in-react-native / season2 / monzo-card-selection / components / CardSelection.tsx View on Github external
const timing = (clock: Animated.Clock) =>
  runTiming(clock, 0, { toValue: 1, duration: 400, easing: Easing.linear });
github wcandillon / can-it-be-done-in-react-native / season2 / monzo-card-selection / components / AnimationHelpers.ts View on Github external
export const delay = (
  node: Animated.Node<number>,
  duration: number,
  nodeBefore: Animated.Adaptable<number> = 0
) => {
  const clock = new Clock();
  return block([
    runTiming(clock, 0, { toValue: 1, duration, easing: Easing.linear }),
    cond(eq(clockRunning(clock), 0), node, nodeBefore)
  ]);
};