Radio按钮可以不显示那个小圆圈，只让文本标签可点击吗？

Question

我想要一组单选选项，但不想显示传统的小圆圈，只显示文本标签，让用户点击文本标签来选择，选中项可以有不同的背景色或样式。这能做到吗？

Answer 1

可以模拟实现。你需要：

1. 隐藏 Radio 控件本身: 可能通过设置 .width(0).height(0).opacity(0) 或将其放在一个尺寸为 0 的容器里。
2. 使用 Text 或其他组件作为视觉呈现: 创建你想要的视觉样式（比如一个带背景色的文本块）。
3. 将 Text 或其容器设为可点击: 绑定 onClick 事件。
4. 在 onClick 中更新 @State 变量: 手动更新存储选中项 value 的状态变量。
5. 根据状态改变视觉样式: 在 build 方法中，根据当前 @State 变量的值是否等于该项的 value，来动态改变 Text 或其容器的样式（如背景色、边框、字体粗细）。