Reanimated Animation Wrapper (RN)

Someone here that has any example on how I can extend AnimationWrapperProps so that I can pass in custom animations or name of custom animations to trigger them?
And also if you have any suggestions on how I can get the onPress to trigger animations that would be great

type AnimationWrapperProps = ViewProps &
  Pick<AnimateProps<ViewProps>, 'entering' | 'exiting'> &
  Pick<PressableProps, 'onPress'>;

const AnimationWrapper = ({ children, onPress, ...rest }: AnimationWrapperProps) => {
  return (
    <Animated.View {...rest}>
      <Pressable onPress={onPress}>{children}</Pressable>
    </Animated.View>
  );
};

export default AnimationWrapper;

type AnimationWrapperProps = ViewProps &
  Pick<AnimateProps<ViewProps>, 'entering' | 'exiting'> &
  Pick<PressableProps, 'onPress'>;

const AnimationWrapper = ({ children, onPress, ...rest }: AnimationWrapperProps) => {
  return (
    <Animated.View {...rest}>
      <Pressable onPress={onPress}>{children}</Pressable>
    </Animated.View>
  );
};

export default AnimationWrapper;

TTC

Theo's Typesafe Cult•4y ago

Wezter

Reanimated Animation Wrapper (RN)

type AnimationWrapperProps = ViewProps &
  Pick<AnimateProps<ViewProps>, 'entering' | 'exiting'> &
  Pick<PressableProps, 'onPress'>;

const AnimationWrapper = ({ children, onPress, ...rest }: AnimationWrapperProps) => {
  return (
    <Animated.View {...rest}>
      <Pressable onPress={onPress}>{children}</Pressable>
    </Animated.View>
  );
};

export default AnimationWrapper;

type AnimationWrapperProps = ViewProps &
  Pick<AnimateProps<ViewProps>, 'entering' | 'exiting'> &
  Pick<PressableProps, 'onPress'>;

const AnimationWrapper = ({ children, onPress, ...rest }: AnimationWrapperProps) => {
  return (
    <Animated.View {...rest}>
      <Pressable onPress={onPress}>{children}</Pressable>
    </Animated.View>
  );
};

export default AnimationWrapper;

Reanimated Animation Wrapper (RN)

Similar Threads

Reanimated Animation Wrapper (RN)

Similar Threads

Similar Threads

Similar Threads