nathanwalker/nativescript-play-pause-button

NativeScript Play/Pause button

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