nativescript-bored-rudolph

NativeScript plugin for a custom hidden Rudolph game inside a pull-to-refresh layout.

Usage no npm install needed!

<script type="module">
  import nativescriptBoredRudolph from 'https://cdn.skypack.dev/nativescript-bored-rudolph';
</script>

README

npm npm

NativeScript-Bored-Rudolph :recycle:

NativeScript plugin for a custom hidden game inside a pull-to-refresh layout.

Demo

Demo

Native Library

Bored Rudolph

Installation

From your command prompt/termial go to your app's root folder and execute:

tns plugin add nativescript-bored-rudolph

Usage

XML

<page 
  xmlns="http://schemas.nativescript.org/tns.xsd" 
  xmlns:BR="nativescript-bored-rudolph" loaded="pageLoaded">
  <ActionBar title="Bored Rudolph" backgroundColor="#BF4066" color="#fff" />
  <stack-layout>
    <BR:BoredRudolph refresh="{{ stopRefresh }}" id="rudolph">
      <list-view items="{{ users }}">
        <list-view.itemTemplate>
          <label text="{{ name }}" row="0" col="1" textWrap="true" class="message" />
        </list-view.itemTemplate>
      </list-view>
    </BR:BoredRudolph>
  </stack-layout>
</page>

TS


  public stopRefresh(args: any) {
    // Load more data here and then set 'refreshing = false' to end the refresh
    let boredRudolph: BoredRudolph = args.object;
    boredRudolph.refreshing = false;
  }

Attributes

refresh : function optional - this event is triggered when you set the BoredRudoplh refresh property equal to false.

API

refreshing

Property. Notifies the widget that the refresh state has changed.