当前位置: 首页 > 软件库 > 手机/移动开发 > >

nativescript-wave-refresh

授权协议 View license
开发语言 JavaScript TypeScript
所属分类 手机/移动开发
软件类型 开源软件
地区 不详
投 递 者 华俊贤
操作系统 iOS
开源组织
适用人群 未知
 软件概览

NativeScript-Wave-Refresh ♻️

NativeScript plugin for a custom pull-to-refresh layout.

Demo

Native Library

Wave Swipe Refresh Layout

Installation

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

tns plugin add nativescript-wave-refresh

Usage

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;
  }

Attributes

refresh : function optional - function executed when the WaveRefresh starts refreshing.

backgroundColor is supported to specify the background color of the wave refresh. This will help to blend it in with the ActionBar.

API

refreshing

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

 相关资料
  • Introduction Wave is a Software as a Service Starter Kit that can help you build your next great idea �� . Wave is built with Laravel, Voyager, TailwindCSS, and a few other awesome technologies. Here

  • 实现点击屏幕出现波纹效果。可以设置波纹的大小、波纹扩散的速度、波纹扩散的大小、持续时间等等参数。 [Code4App.com]

  • UITableView-Wave 使用波状效果实现 UITableView 重载的动画效果。    

  • mind-wave 是一款利用 ChatGPT API 开发的 Emacs AI 插件,能够深度集成于 Emacs,从而提高 Emacs 在各方面的工作效率。 由于 mind-wave 是基于多线程技术开发的,因此 ChatGPT 在计算时不会卡住 Emacs。 安装 注册OpenAI 获取OpenAI API Key, 并将 API Key 保存到~/.emacs.d/mind-wave/cha

  • Google Wave Desktop Notifier 是一个Windows系统下的Google Wave 新波提示工具,可在有新的未读wave到来时在系统工具栏里提示你。

  • Gold Wave Editor 是一款功能丰富的经典音频处理软件。它是集声音编辑,播放,录制,和转换的音频工具,体积小巧,功能却不弱。可打开的音频文件相当多,包括 WAV, OGG, VOC, IFF, AIF, AFC, AU, SND, MP3, MAT, DWD, SMP, VOX, SDS, AVI, MOV, APE 等音频文件格式。 你也可以从 CD 或 VCD 或 DVD 或其它视