Go ProSign in

This Lesson is for Members

Subscribe today and get access to all lessons! Plus direct HD download for offline use, enhances transcripts, member comment forums, and iTunes "podcast" RSS feed. Level up your skills now!

Unlock This Lesson

Already subscribed? Sign In

Hide playlist

    Create Animated Map Markers Linked to Scrolling Content in React Native

    Jason BrownJason Brown

    We'll construct a map using react-native-maps and custom animated map makers. We'll build a scroll view that when scrolled horizontally it will animate the marker that it is associated with. Once an item is scrolled to the map will automatically animate and center the map at the markers coordinates.

    This will be built with a single Animated.Value and heavy use of interpolate along with extrapolate: "clamp" to lock our outputRange values.

    You must be a Member to view code