How do I stop music from playing in the background? (react-native-sound)

Question

I am using the react-native-sound module but when I start a sound and I press the Home button to get out of the app, the sound keeps playing.

When I reload the app, it starts the sound a second time and I can't use .stop() on it to destroy it because it only destroys the second one which was loaded on top of the first one.

How am I supposed to stop that?

class Home extends Component {
  constructor(props) {
    super(props);
    this.props.actions.fetchScores();
  }

  componentWillReceiveProps(nextProps){
   nextProps.music.backgroundMusic.stop()

   setInterval( () => { 
    nextProps.music.backgroundMusic.play()
    nextProps.music.backgroundMusic.setNumberOfLoops(-1)
   }, 1000);
  }
}

export default connect(store => ({
    music: store.music
  })
)(Home);

Answer 1

I think you should use AppState to stop music when in background and enable when app state changes again.

componentDidMount: function() {
  AppState.addEventListener('change', this._handleAppStateChange);
},
componentWillUnmount: function() {
  AppState.removeEventListener('change', this._handleAppStateChange);
},
_handleAppStateChange: function(currentAppState) {
  if(currentAppState == "background") {
      stop();
  } 
  if(currentAppState == "active") {
      resume();
  }
},