在移动应用开发中，授权是一个必须要考虑的问题，对于 RN 而言，@ethereal-soft/react-native-permissions 这个 npm 包提供了一种简单的方式来请求系统权限。
什么是 @ethereal-soft/react-native-permissions
@ethereal-soft/react-native-permissions 是一个用于在 React Native 中请求系统权限的 npm 包。它能够处理 Android 和 iOS 上的所有系统权限，包括相机权限、通知权限、定位权限、日历权限等等。
如何使用 @ethereal-soft/react-native-permissions
使用 @ethereal-soft/react-native-permissions，需要安装它。可以使用 npm 或 yarn 安装它。
npm install --save @ethereal-soft/react-native-permissions
或者
yarn add @ethereal-soft/react-native-permissions
安装完成后，需要在 Android 和 iOS 项目中配置一些信息。对于 Android，需要在 AndroidManifest.xml 中添加一些权限声明，对于 iOS，需要添加一些 Info.plist 条目。详细的安装和配置细节可以在 @ethereal-soft/react-native-permissions 的官方文档中找到。
在完成安装和配置后，即可开始使用 @ethereal-soft/react-native-permissions。可以使用以下代码来请求系统权限：
-- -------------------- ---- -------
------ - -------- - ---- ---------------
------ ----------- ---- ------------------------------------------
----- -------- ----------------------------- ------- -
----- ------ - ----- --------------------------------
-- ------- --- ---------- -
---------------- ---- ------------- --------------
- ---- -
---------------- ----- ---- ------------- --------------
-
-
-- ------------ --- ------ -
------------------------------------------
-------------------------------------------------
-------------------------------------------------
- ---- -- ------------ --- ---------- -
----------------------------------------------
-------------------------------------------------------------
--------------------------------------------------------------
-使用示例
考虑一个场景：需要使用相机和存储权限，拍照并将图片保存到相册。可以按照以下步骤进行操作：
首先，将以下代码添加到 AndroidManifest.xml 中：
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
将以下代码添加到 Info.plist 中：
<key>NSPhotoLibraryUsageDescription</key> <string>$(PRODUCT_NAME) would like access to your photo library</string> <key>NSCameraUsageDescription</key> <string>$(PRODUCT_NAME) would like to use your camera</string>
在 React Native 组件中，可以使用以下代码来请求相机和存储权限，并拍照保存：
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ - --------- ------- ------ ------------ - ---- ---------------
------ ----------- ---- ------------------------------------------
------ ---------- ---- -------------------------------------
------ ----------- ---- ----------------------------
----- ------- - -
---------- --------
-------- --
--
------ ------- -------- ----- -
----- ------- --------- - ---------------
----- -------- ------------- -
----- ------------ - ----- ------------------------------------------------
----- ------------- - ----- ----------------------------------------------------------------
-- ------------- --- --------- -- ------------- --- ---------- -
--------------------------------- ----- -------- -- -
-- -------------- -
----- ------------------------------
-------------------
-
---
-
-
------ -
------------- -------- ----- - ---
------- ----------- -------- --------------------- --
------ -- ------ --------- ---- --------- -- -------- ----- - -- ---
---------------
--
-总结
@ethereal-soft/react-native-permissions 是一个在 React Native 中请求系统权限的 npm 包。它可以处理 Android 和 iOS 上的所有系统权限，并提供了简单的 API 来请求这些权限。在本文中，我们详细讲解了如何安装和配置它，并提供了一个简单的示例，演示了如何在 React Native 中请求相机和存储权限，拍照并将图片保存到相册。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562dc81e8991b448e045f