如何正确导入React Native的PermissionsAndroid？遇权限请求报错

问题分析 #

你遇到的Cannot read property 'request' of undefined错误，本质是PermissionsAndroid模块未被正确加载，导致它的值为undefined。这里需要先明确：react-native-cli是脚手架工具版本，和React Native核心框架版本并非同一概念，核心框架版本才决定是否支持PermissionsAndroid这个模块。

解决思路 #

1. 先确认你的React Native核心版本

打开项目根目录的package.json，找到react-native字段查看具体版本：

"react-native": "x.x.x"

PermissionsAndroid是从React Native 0.33.x版本开始正式加入核心库的。如果你的核心版本低于这个，那这个模块确实不存在，需要升级React Native或更换权限申请方案。

2. 修复导入或重新安装依赖（若版本符合要求）

如果你的RN核心版本≥0.33.x，但PermissionsAndroid仍为undefined：

• 先验证导入是否有效（可以换一种写法测试）：

  import ReactNative from 'react-native';
  const { PermissionsAndroid } = ReactNative;
  console.log(PermissionsAndroid); // 查看控制台输出是否仍为undefined
  

• 若还是无效，大概率是依赖安装不完整：
  • 删除项目根目录的node_modules文件夹和package-lock.json/yarn.lock
  • 重新执行npm install或yarn install
  • 重启Metro Bundler并清理缓存：npx react-native start --reset-cache

3. 旧RN版本的替代方案

如果无法升级RN核心版本，可以改用第三方权限库处理相机权限申请，比如react-native-permissions：

• 安装依赖：

  npm install react-native-permissions --save
  # 或使用yarn
  yarn add react-native-permissions
  

• 替换原有权限申请逻辑（以Android端相机权限为例）：

  import { check, request, PERMISSIONS } from 'react-native-permissions';
  
  const requestCameraPermission = async () => {
    const result = await request(PERMISSIONS.ANDROID.CAMERA);
    // 根据result处理权限申请结果
  };
  

4. 匹配react-native-camera与RN版本

你使用的react-native-camera版本可能和RN版本不兼容，新版本的react-native-camera通常要求较高版本的RN。建议查看react-native-camera的官方文档，找到适配你RN版本的具体版本号后重新安装：

# 示例：安装适配RN 0.60+的版本
npm install react-native-camera@3.44.0 --save

内容的提问来源于stack exchange，提问作者John M.