title: React native animatable not running
body: <p>I'm using react-native-animatable library to animate a loading icon. I haven't touched in a while until I decided to use it my new project. When I added it to my code it would do anything, I am really confused why it isn't running. The loader is visually there but there is no animation. I don't know what the problem is since the last I used it worked fine.</p>
  <p>The code:</p>
  <pre><code>import React from 'react';
  import { StyleSheet, View } from 'react-native';
  import * as Animatable from 'react-native-animatable';
  
  import constansts from &quot;../../assets/constants&quot;
  
  export default function Loading(){
      const flipAnim = {
          0: {
              transform: [{rotate: &quot;0deg&quot;}]
          },
          0.25: {
              transform: [{rotate: &quot;180deg&quot;}]
          },
          0.5: {
              transform: [{rotate: &quot;180deg&quot;}]
          },
          0.75: {
              transform: [{rotate: &quot;360deg&quot;}]
          },
          1: {
              transform: [{rotate: &quot;360deg&quot;}]
          }
      }
  
      const fillAnim = {
          0: {
              height: &quot;0%&quot;
          },
          0.25: {
              height: &quot;0%&quot;
          },
          0.5: {
              height: &quot;100%&quot;
          },
          0.75: {
          height: &quot;100%&quot;
          },
          1: {
              height: &quot;0%&quot;
          }
      }
      
      return (
          &lt;View style={styles.loadingCon}&gt;
              &lt;Animatable.View 
                  style={styles.loader} 
                  animation={flipAnim}
                  duration={2000}
                  iterationCount=&quot;infinite&quot;
                  easing=&quot;linear&quot;
              &gt;
                  &lt;Animatable.View
                      style={styles.loaderInner}
                      animation={fillAnim}
                      duration={2000}
                      iterationCount=&quot;infinite&quot;
                      easing=&quot;linear&quot;
                  &gt;
                  &lt;/Animatable.View&gt;
              &lt;/Animatable.View&gt;
          &lt;/View&gt;
      )
  }
  
  const styles = StyleSheet.create({
      loadingCon: {
          height: &quot;100%&quot;,
          justifyContent: &quot;center&quot;,
          alignItems: &quot;center&quot;
      },
      loader: {
          width: 40,
          height: 40,
          borderWidth: 5,
          borderColor: constansts.colors.blues,
          borderRadius: 4
      },
      loaderInner: {
          width: &quot;100%&quot;,
          backgroundColor: constansts.colors.blues,
      }
  })
  </code></pre>