Nativescript Angular ActivityIndi​​cator微调器-如何在iOS中更改其大小?

时间:2018-12-19 22:18:18

标签: ios nativescript activity-indicator

据我了解,ios版本大小可以设置为2种大小之一。要设置更大的尺寸,应执行以下操作。

@ViewChild(“ spinnerId”)spinnerRef:ElementRef;

ngAfterViewInit(){    if(isIOS){       workspinnerRef.nativeElement.ios.activityIndi​​catorViewStyle = UIActivityIndi​​catorViewStyle.WhiteLarge;

} }

我的问题是如何导入UIActivityIndi​​catorViewStyle?我无法在任何tns库中找到它。

2 个答案:

答案 0 :(得分:0)

编辑:我按照Manoj的建议修改了代码。

今天我对此感到迷惑,但是由于Nativescript闲置的人,我找到了解决方案。如果您使用的是NS 5+版本,则可以实现以下功能:

.html:

<!-- somewhere in your HTML -->
<ActivityIndicator id="activityIndicator" (loaded)="setIOSActivityIndicator()"></ActivityIndicator>

.ts:

// before your component class
import { ActivityIndicator } from "ui/activity-indicator";
import { Color } from "color"; // for setting a color

declare var UIActivityIndicatorViewStyle: any;    

// inside your component class

setIOSActivityIndicator() {
    let indicator = this.page.getViewById("activityIndicator"); 
    indicator.ios.activityIndicatorViewStyle = UIActivityIndicatorViewStyle.UIActivityIndicatorViewStyleWhiteLarge;

    // setting a color
    const color = new Color("your-color-hex-code");
    indicator.ios.color = colorios;
}

但是,如果您使用的是NS 5之前的版本,则可以实现以下内容:

// before your component class
declare var UIActivityIndicatorViewStyle: any;    

// inside your component class
ngAfterViewInit() {
    if (isIOS) {
        var indicator = this.page.getViewById("activityIndicator");
        indicator.ios.activityIndicatorViewStyle = UIActivityIndicatorViewStyle.UIActivityIndicatorViewStyleWhiteLarge;
    }  
}

答案 1 :(得分:0)

简单!

<ActivityIndicator color="green" busy="true" height="50" width="50"></ActivityIndicator>

这是NativeScript Playground link