据我了解,ios版本大小可以设置为2种大小之一。要设置更大的尺寸,应执行以下操作。
@ViewChild(“ spinnerId”)spinnerRef:ElementRef;
ngAfterViewInit(){ if(isIOS){ workspinnerRef.nativeElement.ios.activityIndicatorViewStyle = UIActivityIndicatorViewStyle.WhiteLarge;
} }
我的问题是如何导入UIActivityIndicatorViewStyle?我无法在任何tns库中找到它。
答案 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>