Tuesday, 4 July, 2017 UTC


Summary

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.