Спиннер Nativescript Angular ActivityIndicator - как изменить его размер в ios?

Question

Насколько я понимаю, размер версии ios может быть установлен на 2 размера.Чтобы установить больший размер, должно работать следующее.

@ ViewChild ("spinnerId") spinnerRef: ElementRef;

ngAfterViewInit () {if (isIOS) {workspinnerRef.nativeElement.ios.activityIndicatorViewStyle = UIActivityIndicatorViewStyle.W5ite

100;}}

Мой вопрос: как импортировать UIActivityIndicatorViewStyle ??Я не могу найти его ни в одной из библиотек tns.

Answer 1

Простой!

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

вот ссылка NativeScript Playground

Answer 2

РЕДАКТИРОВАТЬ: я изменил свой код в соответствии с предложением Маноджа.

Сегодня я был поставлен в тупик, но нашел решение благодаря кому-то из слабины 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;
    }  
}