Спиннер 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