title: React Native - Expo Audio stop all sounds
body: <p>I am using <a href="https://docs.expo.io/versions/latest/sdk/audio.html" rel="noreferrer">Expo Audio</a> to play some short sounds from a list.  </p>
  
  <pre><code>async playAudio(file) {
  
      try {
          await Audio.setIsEnabledAsync(true);
          const sound = new Audio.Sound();
          await sound.loadAsync(file);
          await sound.playAsync(); 
      } catch(error) {
        console.error(error);
      }
  }
  </code></pre>
  
  <p>Which I'm calling from a list rendered with <code>list.map()</code></p>
  
  <pre><code>renderTheList = (item, i) =&gt; {
      return (
          &lt;View key={i}&gt; 
              &lt;TouchableOpacity onPress={ () =&gt; { this.onAudioSelected(item.audio) }}&gt;
              &lt;/TouchableOpacity&gt;
          &lt;/View&gt;
      )
  }
  
  onAudioSelected(audio) {
      // Audio.clearSounds() &lt;-- something like this
      playAudio(audio)
  
      ...
      }
  </code></pre>
  
  <p>The sounds play fine, but when I select the next item in the list, the previous sound does not stop.  So if I touch a bunch in a row, a bunch of sounds play at once.</p>
  
  <p><strong>How can I stop all currently playing sounds?</strong></p>