터치시 터치한만큼 사운드가 겹쳐나옵니다

const playSound = () => {
let track = new Sound(‘http://soundbible.com/mp3/sos-morse-code_daniel-simion.mp3’, null, () => {
track.play();
})
}

<TouchableOpacity onPress={playSound} style={{ marginBottom: ‘10%’ }}>
<Image source = {{ uri: ‘https://t1.daumcdn.net/cfile/tistory/994BEF355CD0313D05’ }}
resizeMode=‘contain’ style={{ height: 35, width: 35 }} />

이미지를 여러번 터치하면 소리가 겹쳐서 나옵니다. 이 문제를 어떻게 해결해야하나요?
react-native-sound를 쓰고있습니다.

디바운스나 쓰로틀링 기법을 적용해보세요.
코드를 붙여넣으실땐 마크다운 문법을 쓰시면 알아보기 좋게 나옵니다.

1 Like