ActionSheet 动作面板
代码演示
基本用法
dart
ActionSheetStatic.show(context, actions: const [
ActionSheetItem("选项 1"),
ActionSheetItem("选项 2"),
ActionSheetItem("选项 3"),
], onSelect: (item) {
ToastStatic.show(context, message: item.name);
});
展示取消按钮
dart
ActionSheetStatic.show(
context,
actions: const [
ActionSheetItem("选项 1"),
ActionSheetItem("选项 2"),
],
onSelect: (item) {
ToastStatic.show(context, message: item.name);
},
cancelText: "取消",
onCancel: () {
ToastStatic.show(context, message: "Cancel");
},
);
展示描述信息
dart
ActionSheetStatic.show(
context,
description: "描述信息",
cancelText: "取消",
actions: [
const ActionSheetItem("选项 1"),
const ActionSheetItem("选项 2"),
],
);
API
Props | 类型 | 描述 |
---|---|---|
show | bool | 是否显示 |
actions | List<ActionSheetItem> | Action |
description | String | 描述文本 |
cancelText | String | 取消文本 |
closeOnClickAction | bool | 在点击 Action 后关闭面板 |
onClose | Function() | 面板关闭回调 |
onCancel | Function() | 点击取消回调,之后触发 onAfterClose |
onSelect | Function(ActionSheetItem) | 点击 Action 回调 |