Error: Permissions not granted... react-native-image-picker

Question

我正在尝试使用

从客户端应用程序的内部存储器上传图像

react-native-image-picker@^0.26.4

在执行以下示例片段后，我以一种意想不到的方式得到了响应。

ImagePicker.showImagePicker(options, response => {
  console.log("Response = ", response)

  if (response.didCancel) {
    console.log("User cancelled image picker")
  } else if (response.error) {
    console.log("ImagePicker Error: ", response.error)
  } else if (response.customButton) {
    console.log("User tapped custom button: ", response.customButton)
  } else {
    const source = { uri: response.uri }
    // RNGRP.getRealPathFromURI(response.uri).then(filePath => {
    //   uploadImageToS3(filePath, "dinesh")
    //   console.log(filePath)
    // })

    // You can also display  the image using data:
    // let source = { uri: 'data:image/jpeg;base64,' + response.data };

    this.setState({
      avatarSource: source
    })
  }

回应

• 响应={错误："Permissions weren't granted"} 错误："Permissions weren't granted"原型：对象 D:\my_app\index.js:124 ImagePicker 错误：未授予权限

• 有时在允许按钮按下时应用会意外崩溃。

附加信息

• React Native 版本：~0.46.1
• 反应：16.0.0-alpha.12
• 平台：[Android5.1 及以上]
• 开发操作系统：[Windows7 Professional]
• 开发工具：[Android Studio 版本 2.3.2，Android SDK 23]

Answer 1

将此代码添加到您的 AndroidManifest.xml:

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

根据 Jaffar Raza 和 szskdgi 的建议编辑了这篇文章

Answer 2

在 android/app/src/main/AndroidManifiest 中添加此代码。xml

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

Answer 3

将以下权限添加到 AndroidManifiest.xml

之后

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

我们应该在处理功能之前检查权限。

例如：- 第 1 步（检查权限是否已授予）

const isCameraAuthorized = await permissions.checkPermission(
          PermissionType.CAMERA
        );
enter code here

第 2 步（请求许可）

 cameraPermissionStatus = await permissions.requestPermission(
            PermissionType.CAMERA
          );

然后我们对 WRITE_EXTERNAL_STORAGE 和

做同样的事情

cameraPermissionStatus = await permissions.requestPermission(
                PermissionType.WRITE_EXTERNAL_STORAGE 
              );
 const isCameraAuthorized = await permissions.checkPermission(
              PermissionType.WRITE_EXTERNAL_STORAGE 
            );