Chapter 6. Working with Geolocation and Maps

So far you've seen that React Native simplifies the creation of native UI components, such as lists, text fields, and buttons, and it gives you simple abstractions, such as AsyncStorage, to work with underlying native APIs. Soon, you'll see that you also have access to advanced components, such as maps using the MapView component, and that you can access more advanced native features, such as geolocation using React Native's Geolocation API. We'll demonstrate these capabilities by adding the ability to capture and save current GPS coordinates with each new note. Note that the next two chapters will focus on iOS development, as the feature set for Android is not complete.

In this chapter we will cover the following topics:

• Learning how to get the current geolocation
• Listening for changes to the user's position
• Ensuring that our app requires appropriate permissions
• Saving location data with each note
• Displaying the...