文章背景
客户提出需求 : 2.PDA提示操作:正常和异常的提示需要更明显的区别(确认错误是否有语或其他提示)
**使用的技术:**使用React-Native 做的Android开发。
实现方法
在React Native中,如果你想要在Android应用中添加声音提示,你可以使用Sound组件。以下是一个简单的例子,演示如何在React Native应用中播放声音提示:
- 首先下载音效文件
音频下载我是在 制片帮素材 免费下载的(需要登录)
并且该文件需要被添加到了项目的\android\app\src\main\res\raw
- 接下来,你需要安装react-native-sound库:
csharp
npm install react-native-sound --save
- 最后,你可以在你的React Native组件中使用Sound来播放声音:
csharp
import React, { Component } from 'react';
import { Button } from 'react-native';
import Sound from 'react-native-sound';//1.导入包
class SoundExample extends Component {
//2.创建方法
playSound = () => {
// 需要提前将音频文件添加到项目中
const sound = new Sound('error_sound.mp3', Sound.MAIN_BUNDLE, (error) => {
if (error) {
console.log('加载音频文件出错:', error);
} else {
sound.play((success) => {
if (success) {
console.log('成功播放音频');
} else {
console.log('播放音频失败');
}
});
}
});
}
render() {
return (
<Button title="播放声音" onPress={this.playSound} />//3.使用
);
}
}
export default SoundExample;
此时点击按钮就可以听到声音了