react-native-popup-dialog/src/animations/FadeAnimation.js

React Native Popup Dialog for IOS & Android.

// @flow

import { Animated } from 'react-native';
import Animation, { type AnimationConfig } from './Animation';

type FadeAnimationConfig = AnimationConfig & {
  animationDuration?: number,
}

export default class FadeAnimation extends Animation {
  animationDuration: number

  constructor({
    initialValue = 0,
    useNativeDriver = true,
    animationDuration = 200,
  }: FadeAnimationConfig = {}) {
    super({ initialValue, useNativeDriver });
    this.animationDuration = animationDuration;
  }

  in(onFinished?: Function = () => {}): void {
    Animated.timing(this.animate, {
      toValue: 1,
      duration: this.animationDuration,
      useNativeDriver: this.useNativeDriver,
    }).start(onFinished);
  }

  out(onFinished?: Function = () => {}): void {
    Animated.timing(this.animate, {
      toValue: 0,
      duration: this.animationDuration,
      useNativeDriver: this.useNativeDriver,
    }).start(onFinished);
  }

  getAnimations(): Object {
    return { opacity: this.animate };
  }
}