useEffect in react not re-rendering when catching error in async function

Question

I'm trying to get the user's location in expo in react native. The enableNetworkproviderAsync() prompts a popup which enables the location. I want to re-open the popup when the user declines sharing their location. Currently when I navigate to my map screen the popup opens up only once and when I click on not sharing my location it won't re-open.

const [locationReady, setLocationReady] = useState(false);

  useEffect(() => {
    (async () => {
        if (!locationReady) {
        try {
          const enableLocation = await Location.enableNetworkProviderAsync();
          setLocationReady(true);
        } catch (e) {
          setLocationReady(false);
          console.log("locationReady erorr");
        }
      }
      })();
  }, [locationReady]);

lonecruisader · Accepted Answer · 2021-04-06 12:44:19Z

1

Once the user declines a permission request, you won't be to ask request it again. You'll have to request user to go to settings and allow the required permission. Two ways you can do this,

import {Linking} from 'react-native'; and then open settings inside your component with Linking.openSettings().
Or you can use the library https://www.npmjs.com/package/react-native-permissions

answered Apr 6, 2021 at 12:44

lonecruisader

4385 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tyler Joe Over a year ago

Thank you, I will try this. If the location is enabled and after some time the user disables the location sharing, how can I prompt an alert to re-enable the location?

lonecruisader Over a year ago

You cannot prompt an alert to re-enable location once the user has declined it. iOS simple doesn't allow it. On android , the same happens when user checks "Never ask again" while requesting permission. So once the user has declined the request or disabled it via device settings, you have to ask the user to enable it from settings, instead of the initial alert to enable location(this just wouldnt show up).

Tyler Joe Over a year ago

But if I re enable the location from the settings, nothing happens. How can I check if it was enabled? I found this method in the docs: hasServicesEnabledAsync() (returns true when the location is enabled). Here is a pastebin: pastebin.com/G3Ta1KrK . I described the problem in the pastebin.

Domino987 · Accepted Answer · 2021-03-29 09:14:36Z

0

You need to check response from enableLocation. Here are the docs.

If the user declines the response has a scope to tell you, what he selected.

But you are setting it to true for every response and the error is never reached. Try this:

 if (!locationReady) {
        try {
          const enableLocation = await Location.enableNetworkProviderAsync();
          setLocationReady(enableLocation.scope !== "none");
        } catch (e) {
          setLocationReady(false);
          console.log("locationReady erorr");
        }

answered Mar 29, 2021 at 9:14

Domino987

8,8642 gold badges17 silver badges40 bronze badges

5 Comments

Tyler Joe Over a year ago

I tried this, still won't reopen after I decline it. I logged the error. It says [Error: Location request failed due to unsatisfied device settings.]

Domino987 Over a year ago

Do you have the google play service installed on your emulator?

Tyler Joe Over a year ago

I'm testing it on my android phone via USB and expo app.

Domino987 Over a year ago

If you also added the permissions to android manifest, this should work. Can you reproduce that for us in a sandbox?

Tyler Joe Over a year ago

Well I can try. I looked in to my app.json file and under android there is no permission. Do I need to include that? But if that was not there, how did I get permission for the location? Because if I open the the Map screen and the first time the popup shows, after allowing the location, it works.

Collectives™ on Stack Overflow

useEffect in react not re-rendering when catching error in async function

2 Answers 2

3 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related