yarn add moti
Resolves the question posed at #221 (comment)
Transitions per-variant
const state = useAnimationState({
from: { scale: 0.5 },
to: { scale: 1, transition: { type: 'timing' } },
open: { scale: 0.7, transition: { delay: 300 } }
})
return <MotiView state={state} transition={{ delay: 50 }} />
Dynamic transitions
Same goes for useDynamicAnimation
:
const state = useDynamicAnimation(() => ({ scale: 0.5 }))
const onPress = () => {
state.animateTo({ scale: 1, transition: { delay: 300 } })
}
return <MotiView state={state} transition={{ delay: 50 }} />