引言
在 React Native 项目开发中，我们经常需要使用设备的一些敏感信息或者需要用户授权的权限，例如获取用户当前位置、访问相机或麦克风等。而随着 RN 技术的发展，出现了很多第三方的开源库来帮助我们方便地处理这些问题。
本文要介绍的是一个处理 React Native 权限问题的 npm 包—— cool-react-native-permissions，也是目前比较受欢迎的一个权限处理库，它能够帮助我们在项目中快速、简单地请求设备权限。
安装
使用 npm 安装 cool-react-native-permissions：
npm install cool-react-native-permissions --save
使用
在 RN 项目中使用该库实现请求权限，步骤如下：
1. 导入库
在需要请求权限的文件中，导入：
import Permissions from 'react-native-permissions';
2. 请求权限
在项目需要请求权限时，通过调用库中相应的方法进行请求，例如在需要访问设备相机时，我们可以编写以下代码：
-- -------------------- ---- -------
----- ------------------------- -
----- ------ - ----- ----------------------------
-- ------- --- ------------- -
----- ---------- - ----- ------------------------------
-- ----------- --- ------------- -
----------------------- --- ----------
-
-
-- ----------
-在上述代码中，我们首先通过 Permissions.check 方法，检查设备是否已经授权给了我们所需的相机权限。如果没有，我们就调用 Permissions.request 方法来请求该权限。
随后，如果权限请求未被授权成功，我们可以通过 Alert.alert 方法来提示用户并采取相应的操作，这里我们只是简单地提示用户。
3. 处理权限回调
为了使应用程序更加友好、自然地和用户进行交互，库中提供了诸多 API 操作来与用户互动。例如，当请求权限被用户允许或拒绝时，我们可以在相应回调函数中执行相应的操作。
-- -------------------- ---- -------
----- ------------------- -
----- -------------------- - ----- --------------------------------
----- ----------------- - ----- ---------------------------
-- --------------------- --- ------------ -- ----------------- --- ------------- -
--------------------------------- ------ ----------
---------------------------- ------ -----------
-
-
-------------------- -
-- -------------------------------- --- -------------- -- ---------------------------- --- --------------- -
--------------------------------------------
---------------------------------------
-
-
------------------------------------ -
------------------------------------------- -- -
------------------------------------------- -----------
---
-在上述代码中，我们可以看到在组件初始化和更新时都会检查 Microphone 和 Photo 的权限。如果权限未被授权，我们就调用 Permissions.request 方法请求允许这些权限。
随后，在 componentDidUpdate 生命周期中，我们还需要继续调用 handlePermissionResponse 方法来处理权限的回调结果。在这个函数中，我们使用 setState 方法来保存权限状态。
示例代码
为了更好地说明，我们还提供一些完整的示例代码贴在下面：
-- -------------------- ---- -------
------ ------ ----------- ---- --------
------ ------ ----- ------ ---- ---------------
------ ----------- ---- ---------------------------
------ ------- ----- -------------- ------- --------- -
------------------ -
-------------
---------- - -
--------------------- ---------------
------------------ ---------------
--
-
----- ------------------- -
----- -------------------- - ----- --------------------------------
----- ----------------- - ----- ---------------------------
-- --------------------- --- ------------ -- ----------------- --- ------------- -
--------------------------------- ------ ----------
---------------------------- ------ -----------
-
-
-------------------- -
-- -------------------------------- --- -------------- -- ---------------------------- --- --------------- -
--------------------------------------------
---------------------------------------
-
-
------------------------------------ -
------------------------------------------- -- -
------------------------------------------- -----------
---
-
----- ------------------------- -
----- ------ - ----- ----------------------------
-- ------- --- ------------- -
----- ---------- - ----- ------------------------------
-- ----------- --- ------------- -
----------------------- --- ----------
-
-
-- -------- ---- -------- ------
-
----- --------------------------- -
----- -------- - ----- ------------------------------
-- --------- --- ------------- -
----- ---------- - ----- --------------------------------
-- ----------- --- ------------- -
--------------------- ---------- --- ----------
-
-
-- -------- ---- -------- ------
-
----- ------------------------------- -
----- ------------ - ----- ----------------------------------
-- ------------- --- ------------- -
----- ---------- - ----- ------------------------------------
-- ----------- --- ------------- -
------------------------- ---------- --- ----------
-
-
-- -------- ---- -------- ------
-
-------- -
------ -
----- ------------- -- --------------- --------- ----------- -----------
---------------- ----------- ----------------------------------------
------------- ----------- -------------------------------------
-------
--
-
-结语
本文针对 React Native 权限处理问题介绍了 npm 包 cool-react-native-permissions 的使用方法，从安装、请求权限到处理回调等环节进行了详细的阐述，以及提供了使用示例。在 RN 项目开发中，合理使用权限处理库，将会极大地提升项目的开发效率和用户体验度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005738281e8991b448e9758