Home

Awesome

react-native-sound-playerview

npm npm

audio player view for iOS/Android using with react-native-sound and react-navigation

<img src="https://github.com/benevbright/react-native-sound-playerview/blob/master/docs/demo.gif?raw=true">

Getting started

$ npm install react-native-sound-playerview

Step 1. Register Screen with react-navigation

import {StackNavigator} from 'react-navigation';
import PlayerScreen from 'react-native-sound-playerview'

...

const Navigation = StackNavigator({
    ...
    player:{screen:PlayerScreen},
    ...
})

...

Step 2. Navigate to 'react-native-sound-playerview'

this.props.navigation.navigate('player', {title: __TITLE__, filepath: __AUDIO_FILEPATH__, dirpath: Sound.MAIN_BUNDLE });

*NOTE: filepath no longer have to be a full file path, you can pass additional prop dirpath and set it for example to Sound.MAIN_BUNDLE