本机脚本开关较大

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

您不能使用CSS在nativescript中更改开关的大小。您需要使用本机方法来发挥大小。我为您here创建了一个示例游乐场。

我已经在ios上对其进行了测试，并且工作正常。您需要访问Switch的nativeElement并在加载的方法中（如下所示） 在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);
        }
    }