该教程将介绍如何使用 npm 包 react-native-volume-controller 来控制 react native 应用中的音量调节。该包可以让用户以编程方式控制音频流的音量，而不用依赖于系统音量控制。该教程适用于有一定 react native 基础的前端开发人员。
安装
使用 npm 安装 react-native-volume-controller：
npm install react-native-volume-controller --save
集成
- 链接静态资源：
react-native link react-native-volume-controller
- 导入库：
import VolumeController from 'react-native-volume-controller';
调用
获取当前音量
VolumeController.getVolume((volume) => {
console.log(volume) // 此时 volume 为当前音量（0-1）
});设置音量
VolumeController.setVolume(volume);
检测音量变化
VolumeController.onVolumeChange((event) => {
console.log(event.volume); // 此时 event.volume 为当前音量（0-1）
});示例代码
完整的示例代码如下所示：
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ---- - ---- ---------------
------ ---------------- ---- ---------------------------------
------ ------- ----- --- ------- --------- -
----- - -
------- ----
-
------------------- -
-- ------
----------------------------------- -- -
--------------- ------ ---
---
-- ------
--------------------------------------- -- -
----- - ------ - - ------
--------------- ------ ---
---
-
--------- - -------- -- -
-- ----
-----------------------------------
--------------- ------ ---
-
-------- -
----- - ------ - - -----------
------ -
----- -------- ----- -- --------------- --------- ----------- -------- ---
-------------------------------- - ---------------
-------
-------- ------ ------ ---------- -- --
----------------
----------------
--------------
-----------
------------------------------
--
-------
--
-
-结论
通过本文的介绍，我们了解了如何使用 npm 包 react-native-volume-controller 来控制 react native 应用中的音量调节，并对其进行了示例代码的演示。实际上，react-native-volume-controller 还有其它功能，可以从其 GitHub 页面中进一步了解，并应用到实际项目开发中，为音频相关的功能提供更好的用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056d1481e8991b448e6db8