反應本地播放聲音事件

Question

我有這樣一個組成部分：

import React, { Component } from 'react' 
import { StyleSheet, Text, View, TouchableOpacity } from 'react-native' 


class MovieList extends Component { 


    handlePress() { 
     // Play some sound here 
    } 

    render() { 
     const { movie } = this.props 
     return (
      <TouchableOpacity onPress={this.handlePress.bind(this)}> 
       <View style={styles.movie}> 
        <Text style={styles.name}>{movie.name}</Text> 
        <View style={styles.start}> 
         <Text style={styles.text}>Start</Text> 
        </View> 
       </View> 
      </TouchableOpacity> 
     ) 
    } 
} 

這裏的時候，我接觸到view我要玩一些聲音。 我用Google搜索了一下，但沒有找到任何合適的答案

有沒有反正我可以播放聲音時，我按下的東西？ 我該怎麼做？

Answer 1

檢出React Native Sound - 用於訪問設備音頻控件的跨平臺組件。

您可以使用它像這樣：

const Sound = require('react-native-sound') 

let hello = new Sound('hello.mp3', Sound.MAIN_BUNDLE, (error) => { 
    if (error) { 
    console.log(error) 
    } 
}) 

hello.play((success) => { 
    if (!success) { 
    console.log('Sound did not play') 
    } 
}) 

Answer 2

您可以從expo-sdk嘗試音頻組件。

檢查示例here。

它與SDK 18