npm i --save nativescript-bored-rudolph
- 版本:1.0.0
- GitHub: https://github.com/bradmartin/nativescript-bored-rudolph
- NPM: https://npmjs.net.cn/package/nativescript-bored-rudolph
- 下载
- 昨天: 3
- 上周: 4
- 上个月: 19
NativeScript-Bored-Rudolph :recycle
NativeScript 插件,用于在下拉刷新布局中实现自定义游戏。
演示
原生库
安装
在您的命令提示符/终端中,转到您的应用程序根目录并执行
tns plugin add nativescript-bored-rudolph
使用方法
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;
}
属性
refresh : function 可选 - 当您将 BoredRudoplh 的 refresh 属性设置为 false 时,会触发此事件。
API
refreshing
属性。通知小部件刷新状态已更改。