@nativescript-community/ui-material-activityindicator
Material Design Activity Indicator 表示未指定的等待时间。
npm i --save @nativescript-community/ui-material-activityindicator
- 版本:7.2.62
- GitHub: https://github.com/nativescript-community/ui-material-components/tree/master
- NPM: https://npmjs.net.cn/package/%40nativescript-community%2Fui-material-activityindicator
- 下载量
- 昨天: 1027
- 上周: 4012
- 上个月: 15581
NativeScript 材料圆形进度指示器
为 NativeScript 提供的 Material Design 的 圆形进度指示器 组件。
内容
安装
适用于 NativeScript 7.0+
tns plugin add @nativescript-community/ui-material-activityindicator
适用于 NativeScript 6.x
tns plugin add nativescript-material-activityindicator
如果使用 tns-core-modules
tns plugin add [email protected]
请确保在添加插件后运行新的构建,以避免任何问题。
变更日志
常见问题解答
使用方法
纯 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,因此它已经具有所有相同的属性