Cell 单元格
代码演示
基本用法
dart
CellGroup(children: [
Cell(title: "单元格", value: "内容"),
Cell(title: "单元格", value: "内容", label: "描述信息"),
]),图标
dart
Cell(title: "单元格", value: "内容", icon: VanIcons.location_o),右侧箭头 & 图标
dart
Cell(title: "单元格", arrow: VanIcons.arrow),
Cell(title: "单元格", value: "内容", arrow: VanIcons.arrow),
Cell(title: "单元格", value: "内容", arrow: VanIcons.arrow_down),垂直居中
dart
Cell(title: "单元格", value: "内容", label: "描述信息", center: true),单元格组
dart
CellGroup(children: [
Cell(title: "单元格", value: "内容"),
Cell(title: "单元格", value: "内容", label: "描述信息"),
]),点击触发事件
dart
CellGroup(children: [
Cell(title: "单元格", value: "内容", clickable: true),
Cell(title: "单元格", value: "内容", label: "描述信息", clickable: true),
]),API
| Props | 类型 | 描述 |
|---|---|---|
title | Widget | String | null | 标题 |
value | Widget | String | null | 当前值 |
label | String | 副标题 |
icon | Widget | IconData | 左侧图标 |
arrow | true | Widget | IconData | 右侧箭头 |
center | bool | 垂直居中 |
prefix | Widget | 左侧前缀 |
clickable | bool | 可点击并触发 |
onTap | Function() | 点击回调 |