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

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

@ViewChild ("spinnerId") spinnerRef: ElementRef;

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

}}

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

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;
    }  
}

Просто!

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

вот ссылка на NativeScript Playground

Другие вопросы по тегам