1.zmxv/react-native-sound 播放聲音的庫(kù)   
2.callstack/react-native-slider 進(jìn)度條的庫(kù)

import React from "react";
import { View, Text, StyleSheet } from 'react-native';


import Sound from "react-native-sound";
Sound.setCategory('Playback');

class SoundScreen extends React.Component {
 　　constructor(props) {
        super(props);
        this.state = {
            whoosh: null, //音頻對(duì)象        }
    }
　　componentDidMount() {
        //構(gòu)建好音頻對(duì)象
        this.build();
    }
　　build(){
　　　　let audioSrc = 'whoosh.mp3' //這個(gè)音頻放在android\app\src\main\res\raw
　　　　let whoosh = new Sound(audioSrc, Sound.MAIN_BUNDLE, (error) => {
            if (error) {
                alert('加載聲音失敗');
                return;
            }       this.setState({ whoosh: whoosh});
        });
　　}
    playAudio=()=>{
　　　　this.state.whoosh.play((success) => {
	if (success) {//播放完成后的邏輯在這里處理
		
	} else {
		console.log('playback failed due to audio decoding errors');
	}
　　　　});
    }
    render(){
　　　　return (
　　　　　　<Text onPress={this.playAudio}>播放</Text>
　　　　)
　　}
}

   //定時(shí)任務(wù)：監(jiān)聽(tīng)當(dāng)前播放時(shí)間
    listenAudio() {
        let that = this;
        let timer = setInterval(function () {
            that.state.whoosh.getCurrentTime(function (seconds) {
                let duration = that.state.duration;
                let temp = seconds / duration;//當(dāng)前時(shí)間/總時(shí)間 = 播放進(jìn)度比
                that.setState({ sliderValue: temp, })
            });
        }, 1000);
        //將定時(shí)器私有化
        this.setState({ Timer: timer });
    }