Skip to content

Latest commit

 

History

History
63 lines (44 loc) · 1.79 KB

README.md

File metadata and controls

63 lines (44 loc) · 1.79 KB

react-native-volume-controller

Volume Controller for iOS and Android.

First installation step (applied for both iOS & Android)

$ npm install react-native-volume-controller --save

2. Automatic installation

$ react-native link react-native-volume-controller

3. Manual installation

  1. In XCode, in the project navigator, right click LibrariesAdd Files to [your project's name]
  2. Go to node_modulesreact-native-volume-controller => ios
    • add ReactNativeVolumeController.xcodeproj to the Libraries folder in your XCode project
  3. In XCode, in the project navigator, select your project. Add libReactNativeVolumeController.a to your project's Build PhasesLink Binary With Libraries
  4. Run your project (Cmd+R)

Android

Manual installation

  1. In Android Studio open Module Settings and add a Gradle Project.
  2. Look for react-native-volume-controller android folder and link with a Gradle.
  3. Open MyApplication.java from main app and put the ReactNativeVolumeControllerPackage
 @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
          new ReactNativeVolumeControllerPackage()
      );
    }

Usage

Using component

import { SliderVolumeController } from 'react-native-volume-controller';

class PlayerUI extends Component {
  render() {
    return (
        <SliderVolumeController />
    );
  }
}

Style props

Use the props style like a Slider

TODO - Need help :P

  • Android Listener to know when press volume button and after dispatch event to react
  • Create interface to change volume with Android
  • Enable Airplay button when is possible