title: How to handle Animation Timing with state in React Native
body: <p>Im trying to increase the height of my View when pressing TouchableOpacity component, but it's not working. what did i do wrong ? should i use a lifeCycle component ? </p>
  
  <pre><code>import * as React from "react";
  import {
    View
  } from "react-native";
  import * as Animatable from "react-native-animatable";
  import Animated from "react-native-reanimated";
  
  const Screen_Height = Dimensions.get("window").height;
  
  class RegistrationView extends React.Component {
    state = {
      registrationHeight: new Animated.Value(150),
    };
  
    increaseHeight = () =&gt; {
        Animated.timing(this.state.registrationHeight, {
        toValue: Screen_Height,
        duration: 500
      }).start();
    };
  
   render() {
      return (
  &lt;Animated.View
              style={{
                height: this.state.registrationHeight
              }}
            &gt;
  &lt;TouchableOpacity onPress={() =&gt; this.increaseHeight()}&gt;
                &lt;View&gt;
                  &lt;Text&gt;
                    Welcome, press here.
                  &lt;/Text&gt;
                &lt;/View&gt;
  &lt;/TouchableOpacity&gt;
   &lt;/Animated.View&gt;
  )
  }
  </code></pre>
  
  <p>i get this Error:</p>
  
  <blockquote>
    <p>** TypeError: config.easing is not a function.(In 'config.easing((0,base.divide)(newFrameTime, config.duration))', 'config.easing' is undefined) **</p>
  </blockquote>