nativescript - 设置开关宽度

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）。

例如（打字稿）：

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

遵循相同的原则，您可以采用原生 Android 解决方案来调整 Android 对应物。