Build a Map with Custom Animated Markers and Region Focus when Content is Scrolled in React Native
We'll build out a map with `react-native-maps` and custom animated map makers. We'll construct an a scroll view that when scrolled will animate the marker that it is associated with. Once scrolling has stopped we will animate the map region and focus on the marker we are looking at.
We'll use a single `Animated.Value` and use and explain `interpolate` in depth. We'll also show how to use `extrapolate: "clamp"` to lock our `outputRange` values.