NoteLocationScreen

Now, since we are capturing the location of the user on note creation, we want to display this information in a useful manner. Location data perfectly matches up with showing the notes on a map UI. This way the user can visually see all of the notes that they have created. We are going to create a new component called NoteLocationScreen to house our note locations, but before writing the code for this screen, let's begin by adding the navigation.

On the home screen, we want to have a Map button in the navbar to transition to the NoteLocationScreen. Update the LeftButton and Title in NavigationBarRouteMapper to the following:

var NavigationBarRouteMapper = { LeftButton: function(route, navigator, index, navState) { switch (route.name) ...

Get Getting Started with React Native now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.