设置开关的宽度

Question

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

为此我添加了：

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

到模板中的元素。

但是当我测试它时，元素的宽度并没有改变。

为什么不起作用？

Answer 1

在 NativeScript 的 Switch 之后，我们在 iOS 上有 android.widget.CompoundButton on Android and 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 对应的解决方案。

设置开关的宽度

Set width of Switch

nativescript

angular2-nativescript

nativescript-angular