react-native-location-tracking icon indicating copy to clipboard operation
react-native-location-tracking copied to clipboard

Track User location and draws the path you have taken

react-native-location-tracking

Tracks user and draws a path as the user location changes. This app is built using the PUBNUB for realtime updates and React Native for handling the frontend.

Read article posted on Medium

alt tag

Installation

npm modules

npm install or yarn

Pods

cd ios && pod install

Usage

react-native run-ios or react-native run-android

Debugging

iOS

  • iOS simulator has inbuilt dynamic location tracking debugging mode
  • Go to Debug > Location > Freeway Drive

Android

  • Android emulators doesn't have any in built feature to test the dynamic location changes
  • You can use 3rd party apps to mock gps location apps. GPS Joystick was working fine for me

Troubleshooting

App is giving error

Blank Map

  • Create new Google Maps API keys
  • Go to https://developers.google.com/maps/documentation/ios-sdk/get-api-key and https://developers.google.com/maps/documentation/android-api/signup to get your keys for both iOS and Android.
  • Replace them at their respective places

App crashes as soon as it launches in Android

  • Try giving it the location permission manually to the app by going to the device setting

Donation

If this project helped you reduce time to develop, please consider buying me a cup of coffee :)

Buy Me A Coffee

ko-fi