@8man/react-native-media-console/lib/commonjs/hooks/useAnimations.js

Controls for react-native-video

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useJSAnimations = void 0;
var _react = require("react");
var _reactNative = require("react-native");
const useJSAnimations = (controlAnimationTiming = 450) => {
  const bottomControlMarginBottom = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
  const controlsOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
  const topControlMarginTop = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
  const hideControlAnimation = () => {
    _reactNative.Animated.parallel([_reactNative.Animated.timing(controlsOpacity, {
      toValue: 0,
      duration: controlAnimationTiming,
      useNativeDriver: false
    }), _reactNative.Animated.timing(topControlMarginTop, {
      toValue: -100,
      duration: controlAnimationTiming,
      useNativeDriver: false
    }), _reactNative.Animated.timing(bottomControlMarginBottom, {
      toValue: -100,
      duration: controlAnimationTiming,
      useNativeDriver: false
    })]).start();
  };
  const showControlAnimation = () => {
    _reactNative.Animated.parallel([_reactNative.Animated.timing(controlsOpacity, {
      toValue: 1,
      duration: controlAnimationTiming,
      useNativeDriver: false
    }), _reactNative.Animated.timing(topControlMarginTop, {
      toValue: 0,
      duration: controlAnimationTiming,
      useNativeDriver: false
    }), _reactNative.Animated.timing(bottomControlMarginBottom, {
      toValue: 0,
      duration: controlAnimationTiming,
      useNativeDriver: false
    })]).start();
  };
  const animations = {
    bottomControl: {
      marginBottom: bottomControlMarginBottom
    },
    topControl: {
      marginTop: topControlMarginTop
    },
    controlsOpacity: {
      opacity: controlsOpacity
    },
    showControlAnimation,
    hideControlAnimation,
    AnimatedView: _reactNative.Animated.View
  };
  return animations;
};
exports.useJSAnimations = useJSAnimations;
//# sourceMappingURL=useAnimations.js.map