react-native-ui-lib/src/incubator/TransitionView/useAnimationEndNotifier.js

<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a

import React, { useCallback } from 'react';
import { runOnJS } from 'react-native-reanimated';
export default function useAnimationEndNotifier(props) {
  const {
    onAnimationEnd
  } = props;
  const onEnterAnimationEnd = useCallback(isFinished => {
    'worklet';

    if (onAnimationEnd && isFinished) {
      runOnJS(onAnimationEnd)('enter');
    }
  }, [onAnimationEnd]);
  const onExitAnimationEnd = useCallback(isFinished => {
    'worklet';

    if (onAnimationEnd && isFinished) {
      runOnJS(onAnimationEnd)('exit');
    }
  }, [onAnimationEnd]);
  return {
    onEnterAnimationEnd,
    onExitAnimationEnd
  };
}