11

我想在一页上请求权限，而不是等待每种特定情况。但是，我不想要多个弹出窗口。有没有办法通过单个弹出/模态请求权限。

在 android 方面，我发现了这篇文章和this，看起来很有希望，但我还没有找到适用于 iOS 的东西。

4

5 回答 5

18

在安卓中

首先在 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 上项目的信息部分

  • 添加权限和描述说 - 例如：隐私 - 联系人使用描述然后，

    Permissions.request('photo').then(response => {
  if (response === 'authorized') {
    iPhotoPermission = true;
  }
 Permissions.request('contact').then(response => {
  if (response === 'authorized') {
    iPhotoPermission = true;
  }
});
});
于 2019-02-22T05:11:51.480 回答
6

确保您还在清单文件中添加相应的权限。

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;
}
于 2019-02-22T04:04:24.730 回答
2

要请求多个权限，我建议您使用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,
      })
    })
  }

不要忘记为 Android的AndroidManifest.xml和iOS的Info.plist添加权限（Xcode >= 8）。

于 2019-02-22T05:19:31.420 回答
0

首先将您的权限添加到“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
  }
});

};

于 2021-11-24T21:00:16.343 回答
0

还有一种方法可以使用 react-native-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;
    };
于 2022-01-09T04:57:54.390 回答