Nativescript中的单选按钮

Question

如何在Nativescript + Angular中实现RadioButton？

我尝试了RadioButton插件，但是在编译时出错。 我在stackoverflow上看到过一篇文章，指出要使用超赞的字体，但对单选按钮进行分组似乎要困难得多。

是我忽略了为此类创建UI的任何其他简单方法：

标签=>问题：选择最喜欢的水果？

收音机1：芒果

第2电台：Apple

Radio 3：奇异果

第4电台：香蕉

创建这样的界面有帮助吗？

使用Nativescript 5.0

Answer 1

我可以使用 Switch 属性 isUserInteractionEnabled 实现它。

顺便说一句，我使用 Nativescript-angular。

这将仅在所选值不同时启用与 Switch 的交互：

<Switch [checked]="selectedValue === 'Mango'" isUserInteractionEnabled="{{ selectedValue !== 'Mango' }}"></Switch>

Answer 2

环顾四周并观察了几个流行的电子商务应用程序后，我发现适合普通用户的“列表对话框”方法很合适。

我已决定遵循：https://docs.nativescript.org/angular/ui/ng-ui-widgets/dialogs

同时，我将仍然很高兴看到Nativescript的纯单选按钮类型的界面，这对于具有相对于零售用户具有一定技术背景的用户群的封闭式应用程序来说非常有用。

Answer 3

尝试使用nativescript-checkbox插件，将boxType设置为circle将为您提供单选按钮样式。对于Grouped Radio Buttons，只需选中一个按钮即可取消选中组中的其他单选按钮。