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.
Any tips on if you want to implement the feature to also allow you to tap on any marker and have it scroll the list to the item corresponding to that marker as the map centers on that marker?
hi I am getting an error!