reagować natywnego odtwarzania dźwięku na razie

Question

Mam składnik takiego:

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> 
     ) 
    } 
} 

tutaj, kiedy dotykać view chcę zagrać jakiś dźwięk. Mam google, ale nie znalazłem żadnej odpowiedniej odpowiedzi. Jak mogę to zrobić?

Answer 1

Zapoznaj się z React Native Sound - komponentem platformy umożliwiającym dostęp do sterowania dźwiękiem urządzenia.

Można go używać tak:

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

Można spróbować komponentu audio z expo-sdk.

Sprawdź przykład here.

Współpracuje z SDK 18.