This will preload the sound and when you press the play button it will play it.

export default class MovieList extends Component {
    componentDidMount(){
      this.hello = new Sound('whoosh.mp3', Sound.MAIN_BUNDLE, (error) => {
        if (error) {
          console.log('failed to load the sound', error);
          return;
        }
      });
    }
    
    
    handlePress() {
      this.hello.play((success) => {
        if (!success) {
          console.log('Sound did not play')
        }
      })
    }

    render() {
        const { movie } = this.props
        return (
            <TouchableOpacity onPress={this.handlePress.bind(this)}>
                <View>
                      <Text>Start</Text>
                </View>
            </TouchableOpacity>
        )
    }
}

If you are looking to play sound tracks from a list of sounds please check this gist for detailed code.

Answer from Mohammed Ashfaq on Stack Overflow
🌐
GitHub
github.com › zmxv › react-native-sound
GitHub - zmxv/react-native-sound: React Native module for playing sound clips
📁 /example - Full-featured demo application · 🎯 Remote URL audio playback · 📱 Local bundled audio files · 🎨 Modern UI with TypeScript · 🎵 react-native-sound-playerview - Advanced audio player UI component ·
Starred by 2.9K users
Forked by 784 users
Languages   TypeScript 44.0% | Kotlin 24.3% | Objective-C++ 13.5% | C# 11.2% | Ruby 3.9% | Swift 1.4% | TypeScript 44.0% | Kotlin 24.3% | Objective-C++ 13.5% | C# 11.2% | Ruby 3.9% | Swift 1.4%
🌐
npm
npmjs.com › package › react-native-sound
react-native-sound - npm
October 15, 2025 - && npx react-native run-android · Ensure audio files are added to Xcode project bundle · Check that AVFoundation framework is linked (automatically handled by CocoaPods) Place audio files in android/app/src/main/res/raw/ Use lowercase filenames without spaces or special characters ... android/app/src/main/res/raw/ ├── whoosh.mp3 ✅ Correct ├── button_click.wav ✅ Correct └── my-sound.mp3 ❌ Use underscores: my_sound.mp3
      » npm install react-native-sound
    
Published   Oct 15, 2025
Version   0.13.0
Author   Zhen Wang
🌐
Snyk
snyk.io › advisor › react-native-sound › react-native-sound code examples
Top 5 react-native-sound Code Examples | Snyk
// @flow import Sound from 'react-native-sound' import { OPEN_AB_ALERT } from '../../src/constants/ActionConstants' import type { Action } from '../modules/ReduxTypes.js' import { DISPLAY_TRANSACTION_ALERT } from '../modules/UI/components/TransactionAlert/actions' const AUDIO_RECEUVED_FILE = 'audio_received.mp3' const AUDIO_SEND_FILE = 'audio_sent.mp3' Sound.setCategory('Ambient') const audioReceived = new Sound(AUDIO_RECEUVED_FILE, Sound.MAIN_BUNDLE, error => { if (error) console.warn(`failed to load the sound ${AUDIO_RECEUVED_FILE}`, error) }) const audioSent = new Sound(AUDIO_SEND_FILE, Sou
🌐
LogRocket
blog.logrocket.com › home › how to play sounds in react native using react-native-sound
How to play sounds in React Native using react-native-sound - LogRocket Blog
June 4, 2024 - This is basically as easy as playing a bundled file using react-native-sound. You just need to add the URL as the first parameter to Sound and set the second parameter as null because the file is from a remote or local storage, not from the app. var audio = new Sound( 'https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3', null, error => { if (error) { console.log('failed to load the sound', error); return; } // if loaded successfully console.log( 'duration in seconds: ' + audio.getDuration() + 'number of channels: ' + audio.getNumberOfChannels(), ); }, );
🌐
GitHub
github.com › zmxv › react-native-sound-demo
GitHub - zmxv/react-native-sound-demo: react-native-sound demo project for iOS and Android
react-native-sound demo project for iOS and Android - zmxv/react-native-sound-demo
Starred by 102 users
Forked by 100 users
Languages   JavaScript 48.9% | Objective-C 39.5% | Java 11.6% | JavaScript 48.9% | Objective-C 39.5% | Java 11.6%
🌐
About React
aboutreact.com › home › play music / sound in react native app for android and ios
Play Music / Sound in React Native App for Android and iOS
December 10, 2022 - In this example, we are going to make a screen with a list that will have 6 types of different sound options. I have covered both the ways, play local sound and remote sound. Now let’s get started with the example. Getting started with React Native will help you to know more about the way you can make a React Native project.
Find elsewhere
🌐
CodeSandbox
codesandbox.io › examples › package › react-native-sound
react-native-sound examples - CodeSandbox
Use this online react-native-sound playground to view and fork react-native-sound example apps and templates on CodeSandbox.
🌐
Medium
alexb72.medium.com › how-to-add-sound-to-react-native-8ef152ba1a6
How to add sound to a react-native app | by Alex | Medium
August 14, 2020 - Firstly, the documentation for this can be found here — https://www.npmjs.com/package/react-native-sound and has a lot of great stuff in it, but if you like the format of Medium feel free to stick around!
🌐
Javatpoint
javatpoint.com › react-native-sound
React Native Sound - javatpoint
React Native Sound with tutorial, introduction, environment setup, first app hello world, state, props, flexbox, height and width, listview, scrollview, images, buttons, router, etc.
🌐
RisingStack
blog.risingstack.com › home › hírek, események › react-native sound & animation tutorial
React-Native Sound & Animation Tutorial - RisingStack Engineering
May 30, 2024 - In this React-Native sound and animation tutorial, you’ll learn tips on how you can add animation and sound effects to your mobile application.
🌐
npm
npmjs.com › package › react-native-sound-player
react-native-sound-player - npm
February 11, 2025 - import SoundPlayer from "react-native-sound-player"; try { // play the file tone.mp3 SoundPlayer.playSoundFile("tone", "mp3"); // or play from url SoundPlayer.playUrl("https://example.com/music.mp3"); // or play file from folder SoundPlayer.playAsset(require("./assets/tone.mp3")); } catch (e) { console.log(`cannot play the sound file`, e); } Please note that the device can still go to sleep (screen goes off) while audio is playing.
      » npm install react-native-sound-player
    
Published   Feb 11, 2025
Version   0.14.5
Author   Johnson Su
🌐
Waldo
waldo.com › home › learn
Sound in React Native Apps 101: Tutorial With Examples
August 17, 2022 - Learn how to retrieve device details in React Native using react-native-device-info, with practical examples and no-code testing.
🌐
Medium
medium.com › applantic › getting-started-with-sound-audio-in-react-native-e1dc2fd50b78
Getting started with sound (audio) in React Native | by Maciej Matuszewski | Applantic | Medium
January 14, 2018 - At the time of writing (v. 0.52-rc), there is nothing about playback support or recording in the react-native docs. Fortunately, the open-source community never sleeps! There are many libraries that add those functionalities, but I focused on the ones that are the most popular and are widely used. It was the first library I started to play around with. It seems really simple, has a small API and a good support for all the things one would like to do with sound (volume control, pausing, playing, setting time etc.).
🌐
Scarb
docs.swmansion.com › react-native-audio-api › docs › guides › lets-make-some-noise
Let's make some noise! | React Native Audio API
We are going to use core audio components such as AudioContext and AudioBufferSourceNode to simply play sound from a file, which will help you develop a basic understanding of the library. Let's start by bootstrapping a simple application with a play button and creating our first instance of AudioContext object. import React from 'react'; import { View, Button } from 'react-native'; import { AudioContext } from 'react-native-audio-api'; export default function App() { const handlePlay = async () => { const audioContext = new AudioContext(); }; return ( <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}> <Button onPress={handlePlay} title="Play sound!"
🌐
Scaler
scaler.com › home › topics › playing sound in react native apps using react-native-sound
Playing Sound in React Native Apps using react-native-sound - Scaler Topics
August 7, 2023 - If you wish to play files from remote locations or local storage, it is straightforward to do so with react-native-sound. Simply provide the file's URL as the first parameter for the Sound component and set the second parameter to null since the file is sourced from remote or local storage, rather than within the app. Create a new instance of the Sound class and provide the remote sound file's URL as the first parameter: To play the sound, call the play method on the sound object: Make sure to replace http://example.com/sound.mp3 with the actual URL of your remote sound file.
🌐
Expo Documentation
docs.expo.dev › expo sdk › audio (expo-audio)
Audio (expo-audio) - Expo Documentation
Represents audio data for a single channel (for example, left or right in stereo audio). Contains the raw PCM (Pulse Code Modulation) audio frames for this channel. Frame values are normalized between -1.0 and 1.0, where 0 represents silence.
🌐
GitHub
github.com › software-mansion › react-native-audio-api
GitHub - software-mansion/react-native-audio-api: High-performance audio engine for react-native · GitHub
react-native-audio-api provides system for controlling audio in React Native environment compatible with Web Audio API specification, allowing developers to generate and modify audio in exact same way it is possible in browsers. check out the Getting Started section of our documentation for detailed instructions! DynamicCompressorNode 〽️ Reduce the volume of loud sounds and boost quieter nodes to balance the audio signal, avoid clipping or distorted sounds
Starred by 729 users
Forked by 49 users
Languages   C++ 48.5% | TypeScript 34.8% | C 5.4% | Objective-C++ 4.0% | Kotlin 2.9% | Pawn 2.0%
🌐
GitHub
github.com › hyochan › react-native-nitro-sound
GitHub - hyochan/react-native-nitro-sound: react-native native module for audio recorder and player with nitromodule! · GitHub
See Component Examples for proper implementation. This is one of those projects that brings me joy to work on. If you find it useful, consider buying me a coffee ☕️ — your support keeps me motivated! ... If you're migrating from react-native-audio-recorder-player (version 3.x or earlier), the API remains largely the same. Simply update your package name: - import AudioRecorderPlayer from 'react-native-audio-recorder-player'; + import Sound from 'react-native-nitro-sound';
Starred by 934 users
Forked by 252 users
Languages   TypeScript 51.1% | Swift 23.4% | Kotlin 15.6% | JavaScript 6.1% | Ruby 2.3% | CMake 0.6%