在 React Native 的项目中，很多时候需要控制设备的音频，例如开关静音、调整音量等等。而 react-native-audio-toggle 就是一个方便实用的 npm 包，可以用于控制设备的音频，下面是该包的使用教程。
安装 npm 包
首先，在项目目录下，打开终端或者命令行，使用 npm 命令安装该包，如下所示：
npm install react-native-audio-toggle
导入模块
接下来，在需要使用音频控制的 React Native 页面中，导入 react-native-audio-toggle 包，如下所示：
import Sound from 'react-native-sound'; import AudioToggle from 'react-native-audio-toggle';
开关音频
要控制设备的音频，首先需要知道如何打开和关闭音频。在 react-native-audio-toggle 中，可以通过下面的代码来实现：
AudioToggle.setAudioMode(AudioToggle.Mode.ON);
可以使用 Mode 枚举类型，设置音频模式为开启（Mode.ON）和关闭（Mode.OFF）。但是，在 iOS 中，需要用户授权才能控制音频。在使用音频控制前，需要引导用户进行授权，下面是一个示例：
-- -------------------- ---- -------
----- -------- ------------------- -
----- ------------- - ----- ----------------------------
-- ---------------- -
----- ------ - ----- --------------------------------
-- ------- --- --------------------------- -
------------------- ---------- -
------ ----- -------- -- -- --------------- -----------
---
-
-
-
--------------------可以在页面初始化阶段，或者使用用户点击事件触发该函数。
调整音量
在开启音频控制之后，就可以开始调整设备的音量。下面的示例代码可以通过左右滑动手势，来调整设备的音量：
-- -------------------- ---- -------
------ -------------- ----- ---- ---------------
----- ------------- ------- --------------- -
------------------ -
-------------
---------- - -
------- -----
------------- ---------------------
---------------------------- -- -- -----
------------------- -----------------------------------
---
--
-
------------------- -
---------------------------- -- -------------------------
-
----------------------- ------------- -
----- ----------- - ---
----- ----------- - ----
-- -------------------------- - ------------ -
--- --------- -
----------------- - --------------- - ------------
--------- - ----------- ----------- ------------
---------------------------------
---------------------- ------------
-
-
-------- -
------ -
----- -----------------------------------------
--- ----- -- ---
-------
--
-
-
------ ------- --------------可以看到，该代码中使用了 PanResponder 类，实现了左右滑动手势。通过 AudioToggle.getVolume 获取当前音量，再调用 AudioToggle.setVolume 设置新的音量值。
结论
以上就是 react-native-audio-toggle 的使用教程。通过设置音频模式和调整音量，开发者可以很方便地控制设备的音频。虽然这个 npm 包的功能比较简单，但是在实际项目中，它能够为我们带来便利，提高应用程序的用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cae81e8991b448e61c2