Animation example with useAnimate

AnimatedViewWithHook.js

import React, {useEffect, useRef} from 'react';
import {View, Animated} from 'react-native';
import useAnimate from 'hooks/useAnimate';

const AnimatedView = () => {
    const animatedOpacity = useAnimate({
      // fromValue: 0, (default)
      // toValue: 1,   (default)
      duration: 1000,
    });
  
  return (
    <Animated.View
      style={{
        height: 100,
        widht: 100,
        opacity: animatedOpacity.animatedValue,
        backgroundColor: 'yellow',
      }}
    />
  );
};

export default AnimatedView;