1.0.0 • Published 6 years ago

react-native-music-widget v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
6 years ago

React Native Music Widget

Simple music widget build in pure JavaScript for React Native App!

Introduction

React native music widget is a simple, customizble and easy to use music widget in react native. Works with both Android and IOS

Installation

npm install react-native-music-widget --save

Example

import MusicWidget from 'react-native-music-widget'

...
//basic version
<MusicWidget url={your-music-url-here} />

//customized version
<MusicWidget url={your-music-url-here}
   trackStyle={your-prefered-style-on-track}
   thumbStyle={your-prefered-style-on-thumb}
   thumbImage={your-prefered-image-on-thumb}
   thumbTintColor={your-prefered-tint-color-on-thumb}
   thumbTouchSize={your-prefered-touch-size-of-thumb}
/>
...

Props

PropertyTypeOptionalDescription
urlstringNoThe url of the music file
trackStyleobjectYesCustomized track style
thumbStyleobjectYesCustomized thumb style
thumbImageobjectYesCustomized thumb image
thumbTintColorstringYesCustomized tint color of the thumb
thumbTouchSizeobjectYesCustomized touch size of the thumb

Other

This package makes use of react-native-sound for music file handling and react-native-slider for slider component.

Next version

Any suggestion and PR is welcome