react-native-permission

Descripción

La librería react-native-permission permite verificar los permisos otorgados y la conexión a travez de un provider.

Features

• Verifica la conexión a internet de la aplicación.

• Analiza el otorgamiento de permisos para la utilización de la camara y los persimos de ubicación.

Instalación

yarn add @architecture-it/react-native-permission

Configuración

El PermissionProvider debe importarse en el archivo APP y este debe envolver a toda la aplicación de la siguiente manera:

function App(): JSX.Element {
  return (
    <Provider store={store}>
      <PermissionProvider>
       <Componente/>
      </PermissionProvider>
    </Provider>
  );
}

Para la verificación de la conexión a internet utilizaremos el hook usePermissions. En este ejemplo sera llamado en Home:

const Home = () => {
  const { internetConnected } = usePermissions();

  if (!internetConnected) {
    return (
      <View >
        <Text >No hay conexión a internet</Text>
      </View>
    );
  }

  return (  );
};

export default Home;

Para que la libreria detecte los permisos que la app requiere es importante agregar en Android.Manifest.xml los mismos:

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