npm moti 0.21.0
v0.21.0

latest releases: 0.30.0, 0.29.0, 0.28.1...
2 years ago
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 }} />

Don't miss a new moti release

NewReleases is sending notifications on new releases.