Skip to content
~/rahultank
all projects

React Native Music Player

A cross-platform React Native music player with background play and notification controls.

Source code
  • React Native
  • JavaScript
  • react-native-track-player
  • Android
  • iOS

A cross-platform mobile music player built with React Native, running on both Android and iOS. Music keeps playing in the background and stays controllable from the notification bar and lock screen, with gesture-based track switching, a seek slider, and a queue with repeat modes.

// Problem

A music app is only useful if it keeps playing once you leave it — locking the phone or switching apps shouldn't stop the audio, and basic controls need to be reachable without reopening the app. Doing that on both Android and iOS means crossing into each platform's native audio and background-service layer.

// Approach

Build one React Native app over a dedicated playback engine that handles background audio and OS media sessions, then layer the UI on top: play/pause, next/previous, swipe-to-switch, a seek slider, and a queue with repeat-all / repeat-one / repeat-off modes.

// Architecture

react-native-track-player drives audio and registers the background service plus the notification / lock-screen media controls on Android and iOS. The interface uses react-native-vector-icons and @react-native-community/slider for the seek bar, with gesture-based swiping to change tracks. Playback continues through phone lock, and tracks are controllable straight from the notification panel.

// Outcome

A working cross-platform player where music plays uninterrupted in the background and is fully controllable from the lock screen and notification bar — an early hands-on exercise in bridging React Native to native audio and OS media sessions.