title: Create card swipe animation in react-native?
body: <p>I want to make it so when I swipe left the card will follow your finger while you swipe it across the screen, changing the <code>translateX</code>. I left out a lot of code as to not distract you. Thanks!</p>
  <pre class="lang-js prettyprint-override"><code>export default function App() {
    return (
      &lt;GestureRecognizer
        onSwipeLeft={async () =&gt; {
          let pokemon = await fetchPokemon();
          while (pokemon == 'error') {
            pokemon = await fetchPokemon();
            if (pokemon != 'error') {
              break;
            }
          }
          setPokemonInfo(pokemon); 
        }}
      style={styles.gestureContainer}
      &gt;
        &lt;Animated.View style={styles.container}&gt;
          &lt;Card&gt;
            &lt;View style={styles.pokemonImg} &gt;
              &lt;SvgUri width=&quot;120&quot; height=&quot;120&quot;
                source={{
                  uri: pokemonInfo.img
                }}
              /&gt;
            &lt;/View&gt;
            &lt;Text style={styles.pokemonName}&gt;{pokemonInfo.name}&lt;/Text&gt;
          &lt;/Card&gt;
          &lt;StatusBar style=&quot;auto&quot; /&gt;
        &lt;/Animated.View&gt;
      &lt;/GestureRecognizer&gt;
    );
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#fff',
      alignItems: 'center',
      justifyContent: 'center',
      transform: [{translateX: 0}]
    },
  
  });
  
  </code></pre>