Animated login screen

Login.js

class LoginScreen extends React.Component {
  state = {
    loggedIn: false,
  }
  animatedValue = new Animated.Value(height);
  componentWillReceiveProps() {
    const { isLoggedIn } = this.props.userConfig.user;
    if (isLoggedIn) {
      animate();
    }
  }
  componentDidMount() {
    setTimeout(() => {
      this.setState({ loggedIn: true, })
      this.animate();
    }, 2000)
  }
  animate = () => {
    Animated.timing(
      this.animatedValue,
      {
        duration: 750,
        toValue: -height,
        useNativeDriver: true
      }
    ).start();
  }
  render() {
    return (
      <Animated.View style={{
        width,
        height,
        backgroundColor: 'red',
        position: 'absolute',
        /* top: this.animatedValue, */
        transform: [
          {
            translateY: this.animatedValue
          }
        ],
        left: 0
        }} />
    )
  }
}