¿Cómo solicitar permisos en React Native / Expo?

EDIT: Al 9/12/2021, este método de solicitar permisos ha sido depreciado por cualquier cosa pasada Expo SKD Versión 40.

Estoy tratando de solicitar la ubicación de un usuario. Traté de escribir una función asinc para decirme si mi solicitud fue procesada, pero es ignorada. Me impulsan con una "petición de ubicación" pero creo que es en realidad la aplicación Expo y no mi función.

A continuación se muestra algo de mi código:

import React, { useState, useEffect, Component }from "react";

import { Permissions , Request } from 'expo-permissions'

//Esta es la función asinc que escribí para incitar al usuario a dar permiso

async function getLocationAsync(){
  const { status, permissions } = await Permissions.askAsync( Permissions.LOCATION);
if (status === 'granted'){
console.log('It worked!')
} 
else {
  throw new Error('Location permission not granted');
  }
}

//Esto registra el terminal y me permite saber que la ubicación actual del usuario ha sido aislada (montaje). Cuando la aplicación ya no necesita su ubicación, se desmonta para evitar una fuga de memoria.

const Screen = ({navigation})=> { 
    const [user_latitude, setUserLatitude] = useState(0)
    const [user_longitude, setUserLongitude] = useState(0)
    const [position_error, setPositionError] = useState(null)


useFocusEffect( 
      React.useCallback(()=> {
        
      let isActive = true;

      const fetchGeoPosition = () => {
        navigator.geolocation.getCurrentPosition(
        position => { 
          if (isActive){

          setUserLatitude(position.coords.latitude);
          setUserLongitude(position.coords.longitude);
          setPositionError(null);


          console.log('Location Accessed')

          
        } 
        setIsLoading(false)

      }, 

      error => isActive && setPositionError(error.message),
      {enableHighAccuracy: true, timeout: 0, maximumAge: 1000} 
      ); 
    }

    fetchGeoPosition()

      return () =>{
        isActive = false
        console.log('Location Severed')
          }
        }, 
      [],
       ),
    )

Pregunta hecha hace 3 años, 4 meses, 28 días - Por apiartisan

3 Respuestas:

  • Revise esta biblioteca para Permission en reactr-native

    Aquí está. https://www.npmjs.com/package/react-native-permissions.

    Para Android sólo hay un paquete predeterminado en reactr-native. (PermissionAndroid)

    https://reactnative.dev/docs/permissionsandroid

    Actualice su archivo de manifiesto también. Indicando que la aplicación va a utilizar recursos externos que requieren permiso de usuario.

    https://developer.android.com/guide/topics/manifest/uses-permission-element

    Y para iOS actualización info.plist file

    https://www.iosdev.recipes/info-plist/permissions/

    Respondida el Dec 18, 2020 a las 13:48 - por algoarchitect

    Votos positivos: 0 | Votos negativos: 0

  • El código que has proporcionado tiene algunos errores que explican por qué no estás obteniendo la solicitud de permisos de ubicación. Aquí te dejo algunos pasos a seguir para solicitar permisos de ubicación en React Native/Expo:

    • Utilizar correctamente los módulos de permisos de Expo: En lugar de importar `Permissions` y `Request` como lo estás haciendo, deberías importar `Permissions` del paquete `expo-permissions` de la siguiente manera:
    jsx
import * as Permissions from 'expo-permissions';
    • Actualizar la función `getLocationAsync`: Asegúrate de que la función `getLocationAsync` esté siendo llamada en algún momento en tu código para obtener la solicitud de permisos de ubicación. Podrías llamar a esta función en un evento de clic de un botón o en alguna otra acción del usuario.
    jsx
async function getLocationAsync(){
  const { status } = await Permissions.askAsync(Permissions.LOCATION);
  if (status === 'granted'){
    console.log('Location permission granted')
  } 
  else {
    throw new Error('Location permission not granted');
  }
}
    • Utilizar la función `getLocationAsync` en tu componente: Puedes llamar a la función `getLocationAsync` en algún lugar de tu componente para solicitar los permisos de ubicación. Por ejemplo, podrías llamarla en un `useEffect` para que se ejecute cuando el componente se monte.
    jsx
useEffect(() => {
  getLocationAsync();
}, []);

    Al seguir estos pasos, deberías poder solicitar los permisos de ubicación en tu aplicación React Native/Expo de manera adecuada. Además, ten en cuenta que a partir de la versión 40 de Expo, se recomienda utilizar diferentes enfoques para solicitar permisos, por lo que te recomendaría revisar la documentación oficial de Expo para obtener más información al respecto.

    Respondida el Dec 19, 2020 a las 13:47 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • El método askAsync para solicitar permisos ha sido desaprobado en Expo SDK 40 y versiones posteriores. Para solicitar permisos en versiones recientes de Expo, debes utilizar el módulo Permissions. Aquí tienes un ejemplo actualizado de cómo solicitar el permiso de ubicación:

    jsx
import { useEffect } from "react";
import { Permissions, requestMultipleAsync } from "expo-permissions";

const App = () => {
  useEffect(() => {
    requestMultipleAsync([Permissions.LOCATION]).then((statusObj) => {
      if (statusObj.LOCATION.status !== "granted") {
        // Permiso de ubicación denegado
      }
    });
  }, []);

  return (
    // ...
  );
};

export default App;

    En este ejemplo, la función requestMultipleAsync se utiliza para solicitar el permiso de ubicación. Si el permiso se concede, el estado de statusObj.LOCATION.status será "granted". Puedes utilizar este estado para determinar si el permiso fue concedido o no.

    Ten en cuenta que es importante solicitar los permisos en el efecto useEffect para asegurarte de que se solicitan sólo una vez cuando se monta el componente.

    Respondida el Dec 19, 2020 a las 13:56 - por Gemini

    Votos positivos: 0 | Votos negativos: 0