Search code examples
javascripttypescriptreact-nativereact-native-animatable

React Native Animation - Icon and App name


React Native: How do you animate the Image? i.e Image should Come from header and name should come from Bottom


Solution

  • you can use react-native-animatable

    export default function App() {
      return (
      <View style={styles.container}>
        
        <Animatable.Text animation="slideInDown"  iterationCount={1} direction="alternate">Up and down you go</Animatable.Text>
        <Animatable.Image 
        animation="slideInUp" easing="ease-out" iterationCount={1}     source={require('/assets/snack-icon.png')}/>
      </View>
      );
    }
    

    I made a small snack Look there