ios - Nativescript Angular ActivityIndi​​cator spinner - 如何在 ios 中更改其大小？

Question

据我了解，ios 版本大小可以设置为 2 种尺寸中的任何一种。要设置更大的尺寸，以下应该工作。

@ViewChild("spinnerId") spinnerRef: ElementRef;

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

} }

我的问题是如何导入 UIActivityIndi​​catorViewStyle ？我在任何 tns 库中都找不到它。

标签： iosnativescriptactivity-indicator

Answer 1

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

我今天对此感到困惑，但感谢 Nativescript slack 中的某个人找到了解决方案。如果您使用的是 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;
    }  
}