nativescript-play-pause-button

NativeScript Play Pause Button

Usage no npm install needed!

<script type="module">
  import nativescriptPlayPauseButton from 'https://cdn.skypack.dev/nativescript-play-pause-button';
</script>

README

NativeScript Play Pause Button

npm npm

Android

Nativescript Play Pause Button

iOS

Nativescript Play Pause Button

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