transition not working

[PramodhRajapakse]

I created an animated icon and am trying to rotate this icon using the transition prop, the code works fine but the transition occurs abruptly and is not smooth. I have tried to figure where the issue is with no success. I am new to react native and therefore this might be a stupid question, would really appreciate it if someone could give me some assistance on this matter.

<AnimatedIcon
duration={500}
easing="ease-out"
transition='rotate'
style={ transform ? [{transform: [{'rotate' : props.degree}]}] : null}
name="sort-desc"
/>