@nativescript-community/ui-material-activityindicator
Material Design Activity Indicator 表示未指定的等待时间。
npm i --save @nativescript-community/ui-material-activityindicator

NativeScript 材料圆形进度指示器

为 NativeScript 提供的 Material Design 的 圆形进度指示器 组件。

npm npm

内容

  1. 安装
  2. 变更日志
  3. 常见问题解答
  4. 使用方法
  5. API

安装

适用于 NativeScript 7.0+

  • tns plugin add @nativescript-community/ui-material-activityindicator

适用于 NativeScript 6.x

  • tns plugin add nativescript-material-activityindicator

如果使用 tns-core-modules

请确保在添加插件后运行新的构建,以避免任何问题。

变更日志

常见问题解答

使用方法

纯 NativeScript

重要提示:确保在页面元素上包含 xmlns:mda="@nativescript-community/ui-material-activityindicator"

XML

<Page xmlns:mda="@nativescript-community/ui-material-activityindicator">
<StackLayout horizontalAlignment="center">
<mda:ActivityIndicator busy="true"/>
</StackLayout>
</Page>

CSS

mdactivityindicator {
color: #fff;
}

NativeScript + Angular

import { NativeScriptMaterialActivityIndicatorModule } from "@nativescript-community/ui-material-activityindicator/angular";

@NgModule({
imports: [
NativeScriptMaterialActivityIndicatorModule,
...
],
...
})
<MDActivityIndicator busy="true"></MDActivityIndicator>

NativeScript + Vue

import Vue from 'nativescript-vue';
import ActivityIndicatorPlugin from '@nativescript-community/ui-material-activityindicator/vue';

Vue.use(ActivityIndicatorPlugin);
<MDActivityIndicator busy="true"/>

API

属性

继承自 NativeScript Activity Indicator,因此它已经具有所有相同的属性