React Native 之组件react-native-sound的使用

最新推荐文章于 2024-08-10 08:34:20 发布

SnowAnna

最新推荐文章于 2024-08-10 08:34:20 发布

阅读量1.2w

点赞数

分类专栏： React-Native

本文链接：https://blog.csdn.net/weixin_38289699/article/details/70159603

版权

本文介绍了如何在React Native项目中使用react-native-sound组件，包括安装步骤、注意事项，以及针对旧版本React Native的特殊配置。特别强调了Android平台下音频文件的命名规范和存放位置。示例代码展示了组件的基本用法。

摘要由CSDN通过智能技术生成

1.在项目根目录下执行安装包下载

npm install react-native-sound --save

2. 然后自动使用链接:

react-native link react-native-sound

3.我自己是执行完以上两个步骤后查看了一下目录中相对的js配置文档,都是自动配置好的,但是以防意外,还是建议需要再核对一下

编辑android/settings.gradle以声明项目目录：

include ':react-native-sound'
project(':react-native-sound').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-sound/android')

编辑android/app/build.gradle以声明项目依赖关系：

dependencies {
  
  ...
  compile project(':react-native-sound')
}

编辑android/app/src/main/java/.../MainApplication.java注册本机模块：

... 
import  com.zmxv.RNSound.RNSoundPackage ; // < -  New 
...

public  class  MainApplication  extends  Application  implements  ReactApplication {
   ... 
  @Override 
  protected  List < ReactPackage >