问题描述
我正在使用 react-native-expo 中expo-av的音频。
我可以在Audio.sound构造器上使用loadAsync方法运行音频。
尽管当我尝试停止声音时,并不能停止声音。
以下是简约的代码段。这是停止声音的正确方法。我找不到解决方案。
import React,{useState,useEffect} from 'react';
import { Button } from 'react-native';
import { Audio } from 'expo-av';
export default function App() {
const [audioStatus,setAudioStatus] = useState(false)
const sound = new Audio.sound();
useEffect(()=>{
(async () => {
console.log('status',audioStatus)
if (audioStatus) {
await sound.loadAsync('https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3')
try {
await sound.playAsync()
} catch (e) {
console.log(e)
}
}else {
await sound.stopAsync()
await sound.unloadAsync()
}
})()
},[audioStatus])
return (
<Button color={audioStatus ? 'red' : 'green'} title={'play'} onPress={()=>setAudioStatus(!audioStatus)} />
);
}
预先感谢
解决方法
这是一个 React 问题。每次您的组件呈现时,# file: config/routes.yaml
my_app:
prefix:
fr: /fr
en: /en
es: /es
resource: '../src/App/Resources/config/routes/routing.yaml'
name_prefix: app_web_
# defaults:
# subdomain: www
# domain: localhost.com
# host: "{subdomain}.{domain}"
# requirements:
# domain: (localhost.com|localhost.org)
变量都会被重置为一个新的、尚未加载的 sound
对象。在这里,Audio.Sound
应该是组件状态的一部分。您可以更改行:
sound
到
const sound = new Audio.Sound();
它会起作用。