介绍
复选框组是提供复选框和单选框组功能的高阶组件,具有自管理状态控制。该组件消除了处理UI状态(如跟踪选中选项)所需的自定义代码。
组件结构
复选框组封装了以下组件:
- 容器(x1):配置HoC的背景
- 复选框图像(x1):配置选中和未选中状态的图像
- 图像(x2):为选项配置图像
- 复选框标签(x1):配置选中和未选中状态的文本,允许为选中选项自定义字体或颜色
- 标签(x2):为选项配置文本
属性
复选框组提供以下可配置属性:
选项 配置HoC的选项数量,每个选项支持:
- 最多3个可配置图像
- 最多3个可配置标签
当前选择 定义HoC的初始状态。
方向 将布局方向配置为水平或垂直。
多选模式 确定是否允许多选:
- 启用:复选框组行为
- 禁用:单选框组行为
间隔 配置选项之间的间距。
复选框图像和标签
为选中和未选中状态提供专用图像和标签。
图像
配置选中状态的图像。如果未配置,组件将使用默认图像,如果未指定默认图像则为NULL。
当未配置默认图像时,通常表示不需要该图像,应将其隐藏。
标签
配置选中和未选中状态的文本样式,例如选项被选中时的文本颜色和字体。如果未配置,组件将使用默认标签样式。