Picker 选择器
代码演示
基本用法
dart
Picker(
// ignore: avoid_print
onChange: (values) => print(values),
columns: citiesColumns,
),无限滑动
dart
Picker(columns: citiesColumns, loop: true),搭配弹出层使用
dart
PopupStatic.show(
context,
round: true,
position: PopupPosition.bottom,
child: WatchModel(popupValues, (model) {
return Picker(
onCancel: (_) => popupShow.value = false,
onConfirm: (_) => popupShow.value = false,
columns: citiesColumns,
values: model.value,
onChange: (values) => popupValues.value = values,
);
}),
);多列选择
dart
Picker(columns: weekTimesColumns),级联选择
dart
Picker(columns: cascadeCities),API
| Props | 类型 | 描述 |
|---|---|---|
columns | List<NamedValue | PickerOption> | List<List<NamedValue | PickerOption>> | 带子级联选项、或多维固定选项 |
values | List | 当前值列表 |
onChange | Function(List) | 值变化回调 |
loop | bool | 循环选项列 |
title | Widget | String | 面板标题 |
confirmText | String | 确认文本 |
cancelTetx | String | 取消文本 |
onConfirm | Function(List) | 确认回调 |
onCancel | Function(List) | 取消回调 |