Skip to content
On this page

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类型描述
showbool是否显示
actionsList<ActionSheetItem>Action
descriptionString描述文本
cancelTextString取消文本
closeOnClickActionbool在点击 Action 后关闭面板
onCloseFunction()面板关闭回调
onCancelFunction()点击取消回调,之后触发 onAfterClose
onSelectFunction(ActionSheetItem)点击 Action 回调