NativeScript Play Pause Button

Android

iOS

Example:
<Page xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:PlayPause="nativescript-play-pause-button"
loaded="pageLoaded">
<StackLayout backgroundColor="#ececec">
<PlayPause:PlayPauseButton width="100" height="100" playPauseTap="PPTapped" buttonColor="#e11a60" buttonBgColor="#ececec" marginTop="100"></PlayPause:PlayPauseButton>
</StackLayout>
</Page>
The playPauseTap
event contains event data with the state true
is play and false
is paused.
###Example
export function PPTapped(args) {
console.log(' Play Pause tapped : ' + args.eventData.state);
}
iOS only
backgound color must be set with buttonBgColor
or else the background will be black
Libraries used:
Android based on: https://github.com/recruit-lifestyle/PlayPauseButton
iOS based on: https://github.com/suzuki-0000/AnimatablePlayButton
Thank You Nathan Walker for helping get the iOS version up and running