размер переключателя nativescript больше

Question

У меня есть этот HTML-код:

.HTML

 <Switch style="margin-top: 10" (checkedChange)="onFirstChecked1($event)" row="0" col="1" horizontalAlignment="center" class="m-15 firstSwitchStyle"></Switch>

.CSS

.firstSwitchStyle{
    width: 30%;
    height: 70%;
}

Я хочу сделать переключатели большего размера.

Любая идея, пожалуйста?

Answer 1

Вы не можете изменить размер переключателя в nativescript с помощью CSS.Вы должны использовать нативные методы, чтобы играть с размером.Я создал пример игровой площадки для вас здесь .

Я проверил это на ios, и он работает нормально.Вам необходимо получить доступ к nativeElement Switch и в загруженном методе, например, в html

<Switch #mySwitch checked="true" class="m-15 firstSwitchStyle"
                (loaded)="switchLoaded($event)"></Switch>

и в вашем .ts

declare let CGAffineTransformMakeScale: any; // or use tns-platform-declarations instead of casting to any


@ViewChild('mySwitch') mySwitch: ElementRef;

switchLoaded(args) {

        let mySwitch = this.mySwitch.nativeElement;
        if (isIOS) {
            let iosSwitch = mySwitch.nativeView;
            iosSwitch.transform = CGAffineTransformMakeScale(3, 3);
        }
    }