Uni-APP扫码黑屏-一招解决

Android

2024-01-18 18:02:21

解决 Uni-APP 真机调试扫码黑屏问题的终极指南

前言

在 Uni-APP 真机调试中，调用 uni.scanCode 接口可能会导致黑屏问题，阻碍开发过程。本文将深入探讨这个问题的原因和解决方案，帮助开发人员解决此问题并顺利进行真机调试。

问题：扫码黑屏

问题现象

在真机调试过程中，调用 uni.scanCode 接口时，应用程序出现黑屏，无法使用摄像头进行扫码操作。

问题原因

这个问题可能有多种原因：

HBuilder 版本过低，对 uni.scanCode 接口的支持不完整。
manifest.json 文件中缺少必要的模块权限配置。
自定义基座中未正确配置应用程序权限配置。

解决办法

1. 升级 HBuilder 到最新版本

首先，确保您使用的是 HBuilder 的最新版本。从 HBuilder 官网下载并安装最新版本到您的计算机。

2. 添加模块权限配置

在项目根目录下的 manifest.json 文件中添加以下代码，配置必要的模块权限：

"permission": {
  "CAMERA": {
    "description": "摄像头权限"
  },
  "PHOTO_LIBRARY": {
    "description": "相册权限"
  }
}

3. 勾选应用程序权限配置

在项目根目录下的 app.vue 文件中添加以下代码，勾选应用程序对应的权限配置：

<script>
  export default {
    onLaunch() {
      uni.checkPermission({
        scope: 'camera',
        success(res) {
          if (!res.hasPermission) {
            uni.requestPermission({
              scope: 'camera',
              success(res) {
                if (res.hasPermission) {
                  // 授权成功
                } else {
                  // 授权失败
                }
              }
            })
          }
        }
      })
    }
  }
</script>