在React Native中，如何一次要求多个权限

我想在一个页面上请求权限，而不是等待每种特定情况。但是，我不想要多个弹出窗口。有没有一种方法可以要求使用单个弹出/模式的权限。

在Android方面，我找到了这篇文章，这看起来很有希望，但是我还没有找到iOS的东西。

在Android

中

首先将权限添加到AndroidManifest.xml文件，然后将权限添加到

if (Platform.OS === 'android') {
    PermissionsAndroid.requestMultiple(
      [PermissionsAndroid.PERMISSIONS.CAMERA, 
      PermissionsAndroid.PERMISSIONS.READ_CONTACTS,
      PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
      PermissionsAndroid.PERMISSIONS.ACCESS_COARSE_LOCATION,
      PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE,
      PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE]
      ).then((result) => {
        if (result['android.permission.ACCESS_COARSE_LOCATION']
        && result['android.permission.CAMERA']
        && result['android.permission.READ_CONTACTS']
        && result['android.permission.ACCESS_FINE_LOCATION']
        && result['android.permission.READ_EXTERNAL_STORAGE']
        && result['android.permission.WRITE_EXTERNAL_STORAGE'] === 'granted') {
          this.setState({
            permissionsGranted: true
          });
        } else if (result['android.permission.ACCESS_COARSE_LOCATION']
        || result['android.permission.CAMERA']
        || result['android.permission.READ_CONTACTS']
        || result['android.permission.ACCESS_FINE_LOCATION']
        || result['android.permission.READ_EXTERNAL_STORAGE']
        || result['android.permission.WRITE_EXTERNAL_STORAGE'] === 'never_ask_again') {
          this.refs.toast.show('Please Go into Settings -> Applications -> APP_NAME -> Permissions and Allow permissions to continue');
        }
      });
  }

在ios 中在XCode的项目中的信息部分

添加权限和描述说 - ex：隐私 - 联系使用说明然后，

Permissions.request('photo').then(response => {
  if (response === 'authorized') {
    iPhotoPermission = true;
  }
 Permissions.request('contact').then(response => {
  if (response === 'authorized') {
    iPhotoPermission = true;
  }
});
});

确保您还会在清单文件中添加各自的权限。

export async function GetAllPermissions() {
  try {
    if (Platform.OS === "android") {
      const userResponse = await PermissionsAndroid.requestMultiple([
        PermissionsAndroid.PERMISSIONS.READ_CONTACTS,
        PermissionsAndroid.PERMISSIONS.CALL_PHONE
      ]);
      return userResponse;
    }
  } catch (err) {
    Warning(err);
  }
  return null;
}

要请求多个权限，我建议您使用NPM模块节省时间易于设置，最重要的是您不必担心平台:)

安装

npm install --save react-native-permissions

用法

import Permissions from 'react-native-permissions'
// Check the status of multiple permissions
  _checkCameraAndPhotos = () => {
    Permissions.checkMultiple(['camera', 'photo']).then(response => {
      //response is an object mapping type to permission
      this.setState({
        cameraPermission: response.camera,
        photoPermission: response.photo,
      })
    })
  }

不要忘记将权限添加到 androidManifest.xml for Android和 info.plist for IOS（xcode> = 8）。

首先将您的权限添加到" android/app/src/main/androidmanifest.xml"中文件。您可以使用NPM模块来实现目标。

npm install --save react-native-permissions

安装后，您可以使用 checkmultiple 函数询问多个权限。以下代码说明了如何要求 android.camera 和 android.read_external_storage ：

 checkMultiple([
  PERMISSIONS.ANDROID.CAMERA,
  PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE,
]).then(result => {
  
  console.log(result);
  
});

结果将是这样的对象

{"android.permission.CAMERA": "denied", "android.permission.READ_EXTERNAL_STORAGE": "denied"}

要处理此结果，您可以使用此基本代码示例

checkPermissions = () => {
if (Platform.OS !== 'android') {
  return;
}
checkMultiple([
  PERMISSIONS.ANDROID.CAMERA,
  PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE,
]).then(result => {
  if (
    !result ||
    !result[PERMISSIONS.ANDROID.CAMERA] ||
    !result[PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE]
  ) {
    console.log('could not get any result. Please try later.');
  }
  if (
    result[PERMISSIONS.ANDROID.CAMERA] === RESULTS.GRANTED &&
    result[PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE] === RESULTS.GRANTED
  ) {
    console.log('granted for both permissions');
    // do smthing here
  }
});

};

也有一种使用React-Native-entative-permissions软件包立即请求多个权限的方法。

您也可以根据需要实现自己的条件，我只是编写一个简单的解决方案

requestMultiple 不会再次询问是否已经授予了权限。

import { checkMultiple, requestMultiple, PERMISSIONS } from 'react-native-permissions';
const verifyPermissions = async () => {
        let perm = [ PERMISSIONS.IOS.CAMERA, PERMISSIONS.IOS.PHOTO_LIBRARY ];
        if (Platform.OS == 'android') {
            perm = [ PERMISSIONS.ANDROID.CAMERA, PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE ];
        }
        let permissionStatuses = await requestMultiple(perm);
        console.log('obj', permissionStatuses);
        console.log('Camera', permissionStatuses[perm[0]]);
        console.log('photo', permissionStatuses[[ perm[1] ]]);
        const result = permissionStatuses[perm[0]];
        if (result !== 'granted') {
            Alert.alert('Insufficient permissions!', 'You need to grant camera and library access permissions to use this app.', [
                { text: 'Okay' }
            ]);
            return false;
        }
        return true;
    };

相关内容

最新更新

热门标签：