We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? # to your account
custom
exitTransition
Currently, we can use the custom prop with AnimatePresence to apply different exit animations based on some state value.
AnimatePresence
const [pagination] = useState<1 | -1>(1) return ( <AnimatePresence custom={pagination}> {visible && ( <MotiView exit={(pagination) => { 'worklet' return { translateX: pagination * 10 } }} /> )} </AnimatePresence> )
However, we can't use this with exitTransition. It would be nice to do this for exitTransition too:
const [pagination] = useState<1 | -1>(1) return ( <AnimatePresence custom={pagination}> {visible && ( <MotiView exit={(pagination) => { 'worklet' return { translateX: pagination * 10 } }} exitTransition={(pagination) => { 'worklet' return { delay: pagination > 1 ? 100 : 400 } }} /> )} </AnimatePresence> )
The text was updated successfully, but these errors were encountered:
add worklet option for exitTransition, close #193
778ec32
Added in 0.19.x
0.19.x
Sorry, something went wrong.
No branches or pull requests
Currently, we can use the
custom
prop withAnimatePresence
to apply different exit animations based on some state value.However, we can't use this with
exitTransition
. It would be nice to do this forexitTransition
too:The text was updated successfully, but these errors were encountered: