Add the dependency:
npm i react-native-permission-service
"react-native-permissions": ">= 2.2.0"
import {
hasAllPermissionsFunc,
requestCameraPermission,
requestLocationPermission,
requestPhotoLibraryPermission,
} from "react-native-permission-service";
requestLocationPermission().then((result: string) => {
if (result === RESULTS.GRANTED) this.setState({ isLocPermGranted: true });
});
requestCameraPermission().then((result: string) => {
if (result === RESULTS.GRANTED) this.setState({ isCameraPermGranted: true });
});
requestPhotoLibraryPermission().then((result: string) => {
if (result === RESULTS.GRANTED)
this.setState({ isPhotoLibraryPermGranted: true });
});
checkPermissions = () => {
const {
isLocPermGranted,
isCameraPermGranted,
isPhotoLibraryPermGranted,
} = this.state;
hasAllPermissionsFunc().then((res: any) => {
res.map((item: any) => {
switch (item.type) {
case "location":
this.setState({ isLocPermGranted: item.permission });
break;
case "camera":
this.setState({ isCameraPermGranted: item.permission });
break;
case "photoLibrary":
this.setState({ isPhotoLibraryPermGranted: item.permission });
break;
}
});
if (isLocPermGranted && isCameraPermGranted && isPhotoLibraryPermGranted) {
// Navigation should be here
alert("All Permissions are GRANTED!");
}
});
};
You can checkout the example project 🥰
Simply run
npm i
npx pod-install
// if you run it on iOSreact-native run-ios/android
should work of the example project.
Change log will be here !
FreakyCoder, kurayogun@gmail.com
Author: WrathChaos
Source Code: https://github.com/WrathChaos/react-native-permission-service
#react-native #react #javascript