NativeScript-Wave-Refresh :recycle

NativeScript 插件，用于自定义下拉刷新布局。

演示

原生库

波浪式滑动刷新布局

安装

在您的命令提示符/终端中进入您的应用程序根目录，并执行

tns plugin add nativescript-wave-refresh

使用方法

XML

<page 
  xmlns="http://schemas.nativescript.org/tns.xsd" 
  xmlns:WR="nativescript-wave-refresh" loaded="pageLoaded">
  <ActionBar title="Wave Refresh" backgroundColor="#FF4081" color="#fff" />
  <stack-layout>
    <WR:WaveRefresh backgroundColor="#FF4081" refresh="{{ stopRefresh }}" id="waveRefresh">
      <list-view items="{{ users }}">
        <list-view.itemTemplate>
          <label text="{{ name }}" row="0" col="1" textWrap="true" class="message" />
        </list-view.itemTemplate>
      </list-view>
    </WR:WaveRefresh>
  </stack-layout>
</page>

TS

import { WaveRefresh } from "nativescript-wave-refresh"

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

属性

refresh : function 可选 - 当波浪刷新开始刷新时执行的函数。

支持 backgroundColor 属性来指定波浪刷新的背景颜色。这将有助于使其与ActionBar融合。

API

refreshing

属性。通知小部件刷新状态已更改。