反应本地播放声音事件

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