Closed jtklein closed 7 months ago
I was imagining pan & zoom on this map, same as the other maps in the app so far, just with the header for the taxon on top of it.
@budowski IDK if you've started on this yet, but a few minor alterations given that the maps on TaxonDetails are so similar to the ones on ObsDetails
ObsDetails/DetailsTab/DetailsMap.js
into a more generalized place, e.g. SharedComponents/DetailsMap.js
ObsDetails/DetailsTab/DetailsMapContainer.js
(e.g. cycleMapTypes
) needs to move into DetailsMap.js. Stuff that remains specific to ObsDetails context can staynavigation.setOptions
(does navigation.setOptions( headerTitle: CustomComponent )
work?)
On the Taxon Detail screen, add a map preview component with section header following the designs. The map view is a static representation, no interaction apart from pressing is possible, so no pan or zoom. The map preview shows only a region that "makes sense" based on the observations shown. So, the map extent depends on the range of the taxon (plus some padding to look better). Pressing the map area opens a full screen modal screen on top of the Taxon Detail screen. This screen component needs to be added according to the most recent designs. This full screen map is very similar to the Explore map and maybe reused with the same component.