nativescript-shimmer

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

nativescript-shimmer

(★ 13)

Facebook Shimmer effect for your NativeScript app - iOS and Android.

nativescript-shimmer 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## NativeScript Shimmer

Facebook shimmer effect for your NativeScript app.

Uses the following native plugins:

* iOS: https://github.com/facebook/Shimmer
* Android: http://facebook.github.io/shimmer-android/

### Demo

![Demo](https://cdn.filestackcontent.com/PGhmVZmQqOYjv5v0OCl5?v=0)

### Usage

* `main-page.xml`:

```XML
<Page xmlns="http://schemas.nativescript.org/tns.xsd" 
  xmlns:sh="nativescript-shimmer" 
  loaded="pageLoaded">
  <StackLayout>
    <sh:Shimmer id="shimmer">
      <Label text="Shimmer" />     
    </sh:Shimmer>
    <Button text="Toggle" tap="{{toggleShimmer}}" />
  </StackLayout>
</Page>
```

* `main-page.ts`:

```Javascript
import {EventData, Observable} from "data/observable";
import {Page} from "ui/page";

// Event handler for Page "loaded" event attached in main-page.xml
export function pageLoaded(args: observable.EventData) {
    // Get the event sender
    let page = <Page>args.object;
    page.bindingContext = new ShimmerDemo(page);
}

class ShimmerDemo extends Observable {
  private _enableTxt: string;
  private _shimmer: any;

constructor(page: Page) {
    super();
    this._shimmer = page.getViewById('shimmer');
  }

public toggleShimmer() {
    this._shimmer.enabled = !this._shimmer.enabled;
  }
}
```

### LICENSE

BSD

nativescript-shimmer

nativescript-shimmer 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

nativescript-shimmer

nativescript-shimmer 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README