Skip to content

Instantly share code, notes, and snippets.

@iremlopsum
Created May 20, 2019 20:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save iremlopsum/77e8549735c6c6ba7a243ea453c10147 to your computer and use it in GitHub Desktop.
Save iremlopsum/77e8549735c6c6ba7a243ea453c10147 to your computer and use it in GitHub Desktop.
const config = { CardModal }
const defaultOptions = {
transitionOptions: animatedValue => ({
opacity: animatedValue.interpolate({
inputRange: [0, 1, 2],
outputRange: [0, 1, .9],
}),
transform: [
{
perspective: 2000
},
{
translateY: animatedValue.interpolate({
inputRange: [0, 1, 2],
outputRange: [0, 0, -300],
}),
},
{
rotateX: animatedValue.interpolate({
inputRange: [0, 1, 2],
outputRange: ['0deg', '0deg', '90deg'],
extrapolate: 'clamp'
}),
},
{
scale: animatedValue.interpolate({
inputRange: [0, 1, 2],
outputRange: [.1, 1, .9],
}),
},
],
}),
animateInConfig: {
easing: Easing.bezier(.42,-0.03,.27,.95),
duration: 450,
},
animateOutConfig: {
easing: Easing.bezier(.42,-0.03,.27,.95),
duration: 450,
},
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment