Skip to content

Instantly share code, notes, and snippets.

@reime005

reime005/rn-image-scroll-zoom-2.jsx Secret

Created January 8, 2021 18:44
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 reime005/0532b50ab9b1798dd3eab6e279739f1b to your computer and use it in GitHub Desktop.
Save reime005/0532b50ab9b1798dd3eab6e279739f1b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
rn-image-scroll-zoom-2.jsx
<Animated.Image
resizeMode="cover"
style={{
transform: [
{
translateY: pan.y.interpolate({
inputRange: [-1000, 0],
outputRange: [-100, 0],
extrapolate: 'clamp',
}),
},
{
scale: pan.y.interpolate({
inputRange: [-3000, 0],
outputRange: [20, 1],
extrapolate: 'clamp',
}),
},
],
}}
...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment