nativeScript-loading-indicator-new

注意：此插件未积极维护。

nativeScript-loading-indicator-new 是一个 NativeScript 插件，可以在当前页面上覆盖加载指示器。例如，可以用来在从 API 获取数据时防止用户与 UI 交互，同时告知用户有事情在进行。

在底层，我们在 iOS 上使用 MBProgressHUD，在 Android 上使用 ProgressDialog。

安装

tns plugin add nativescript-loading-indicator-new

示例

var LoadingIndicator = require("nativescript-loading-indicator-new").LoadingIndicator;

// or with TypeScript:
// import {LoadingIndicator} from "nativescript-loading-indicator-new";

var loader = new LoadingIndicator();

// optional options
// android and ios have some platform specific options
var options = {
  message: 'Loading...',
  progress: 0.65,
  android: {
    indeterminate: true,
    cancelable: false,
    max: 100,
    progressNumberFormat: "%1d/%2d",
    progressPercentFormat: 0.53,
    progressStyle: 1,
    secondaryProgress: 1
  },
  ios: {
    details: "Additional detail note!",
    square: false,
    margin: 10,
    dimBackground: true,
    color: "#4B9ED6",
    mode: // see iOS specific options below
  }
};

loader.show(options); // options is optional

// Do whatever it is you want to do while the loader is showing, then

loader.hide();

选项

• message: string 您的消息！
• progress: number 设置进度显示

Android 特定

• 参考：https://developer.android.com.cn/intl/zh-tw/reference/android/app/ProgressDialog.html

iOS 特定

• 参考：https://github.com/jdg/MBProgressHUD/blob/master/Demo/Classes/MBHudDemoViewController.m

快速 模式 参考

• MBProgressHUDModeDeterminate
• MBProgressHUDModeAnnularDeterminate
• MBProgressHUDModeDeterminateHorizontalBar
• MBProgressHUDModeText
• MBProgressHUDModeCustomView
  • 使用 customView: string - 图片文件本地路径

截图