How do I request permission for Android Device Location in React Native at run-time?

Question

I have been trying to use React Native 's GeoLocalisation for an Android App. The poorly documentated module is found here https://facebook.github.io/react-native/docs/geolocation.html. According to the documentation, you handle location permissions on Android using the following code in the AndroidManifest.xml file

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> 

However, my online research suggests that the above line of code is useless for versions of ANDROID >= 6.0

As my implementation of GeoLocation is not currently working, I have no other reason but to believe that location permissions are not correctly handled.

How do I successfully request location permission at run-time for React Native Android App ? Thanks in advance !

Answer 1

I solved it by changing the targetSdkVersion ( same to compileSdkVersion, in my case 23) in android/app/build.gradle.

Edit AndroidManifest.xml located in android/src/main and add the

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/> 

next :

import { PermissionsAndroid } from 'react-native'; 

and then add this method:

export async function requestLocationPermission()  {   try {     const granted = await PermissionsAndroid.request(       PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,       {         'title': 'Example App',         'message': 'Example App access to your location '       }     )     if (granted === PermissionsAndroid.RESULTS.GRANTED) {       console.log("You can use the location")       alert("You can use the location");     } else {       console.log("location permission denied")       alert("Location permission denied");     }   } catch (err) {     console.warn(err)   } } 

and access the method when you request the location at run-time

async componentWillMount() {     await requestLocationPermission() }