Nativescript 单选按钮

Question

我正在开发一个 NativeScript 应用程序。我想在我的应用程序中使用单选按钮功能。

我尝试通过使用“nativescript-radiobutton”插件来实现这一点，但它在 iOS 中不支持。

有没有适用于Android和iOS平台的解决方案？

提前谢谢你。

Answer 1

将此 Html 用于单选按钮 -

<Label text="{{ checkYes ? '&#xf192;' : '&#xf10c;'}}" 
       class="{{ checkYes ? 'fontawesome' : 'radioBefore'}}" 
       (tap)="changeAction()">
</Label>

将这两个类应用到 Font Awesome -

.font-awesome {
   font-family: "fontawesome-webfont";
   font-size: 24;
}

.radioBefore {
   font-family: "fontawesome-webfont";
   font-size: 24;
}

在字体文件夹中添加 Font-awesome.ttf 文件，然后将单选按钮 selected 或 unselected 更改为 changeAction()

功能 - 初始化 this.changeYes = true

 changeGenderMale(){
    if(this.changeYes == true)
      this.changeYes = false;
    else
      this.changeYes = true;
 }