React-native-vector-icons: Animate a generic icon

[Angelk90]

@oblador :

Hi, how can you animate a generic icon by not specifying the Bundled Icon Sets.
For example, when this icon is applied a rotation from 0 to 360 deg.

      <TouchableNativeFeedback onPress={this.Refresh} delayPressIn={0} delayPressOut={0}>
        <Icon size={28} name="refresh" color="#fff"/>
      </TouchableNativeFeedback>

[ishsingh]

Use Animatable and enclose the Icon inside a Animatable.View

https://github.com/oblador/react-native-animatable

[oblador]

Yup, Animatable does the job and could also be done without a Animatable.View like this:

import * as Animatable from 'react-native-animatable';
const AnimatableIcon = Animatable.createAnimatableComponent(Icon);