10.3：ActionSheet

ActionSheet的介绍使用

10.3.1：语法介绍

import { promptAction } from '@kit.ArkUI';

@Entry
@ComponentV2
struct Index {

  build() {
    Column({space: 10}) {
      Button("ActionSheet")
        .onClick(() => {
          this.showActionSheet()
        })
    }
    .width('100%')
  }

  private showActionSheet() {
    let sheets: Array<SheetInfo> = [
      {
        title: "标题1",
        action: () => {
          promptAction.showToast({ message: "点击标题1" })
        }
      },
      {
        title: "标题2",
        action: () => {
          promptAction.showToast({ message: "点击标题2" })
        }
      },
      {
        title: "标题3",
        action: () => {
          promptAction.showToast({ message: "点击标题3" })
        }
      }
    ]
    let dialog: ActionSheetOptions = {
      sheets: sheets,
      message: "弹窗内容",
      title: "弹窗标题",
      subtitle: "弹窗副标题",
      autoCancel: false,
      cancel: () => {
        promptAction.showToast({ message: "点击返回键" })
      },
      backgroundColor: "#aabbcc",
      cornerRadius: 10,
      borderWidth: 2,
      borderColor: Color.Red,
      borderStyle: BorderStyle.Solid,
      backgroundBlurStyle: BlurStyle.Thin,
      confirm: {
        enabled: true,
        value: "按钮文字",
        defaultFocus: true,
        action: () => {
          promptAction.showToast({ message: "点击了按钮" })
        }
      }
    }
    ActionSheet.show(dialog)
  }
}