设定开关宽度

Question

我在Angular中使用Nativescript，我想设置Switch元素的宽度。

为此，我添加了：

style="width: 20%; min-width: 20%;"

到模板中的元素。

但是当我测试元素时，元素的宽度不会改变。

为什么不起作用？

Answer 1

在NativeScript的Switch后面，我们在Android上有android.widget.CompoundButton在iOS上有UISwitch。没有选项可以更改Switch小部件的宽度，但是可以访问本机元素并修改其本机宽度（如果可能）。据我所知，修改UISwitch的宽度就像将以下代码编组到JavaScript一样简单

aSwitch.transform = CGAffineTransformMakeScale(2.0, 2.0);

在NativeScript中，您可以通过nativeView属性访问本机视图（iOS或Android）。

例如（TypeScript）：

let mySwitch= <Switch>page.getViewById("mySwith");
if (isIOS) {
    let iosSwitch = mySwitch.nativeView;
    iosSwitch.transform = CGAffineTransformMakeScale(2, 2);
}

按照相同的原则，您可以采用本机Android解决方案来调整Android版本。