ActionSheet动作面板

  • 提供清晰的退出按钮。
  • 可高亮破坏性操作,e.g. 将『删除』处理成红色文本。
  • 不要放置过多内容,避免面板纵向滚动。

最简单的用法。

API

static showActionSheetWithOptions(options: Object, callback: Function)

  • cancelButtonIndex (int) - 按钮列表中取消按钮的索引位置
  • destructiveButtonIndex (int) - 按钮列表中破坏性按钮(一般为删除)的索引位置
  • title (string) - 顶部标题
  • message (string/React.element) - 顶部标题下的简要消息
  • maskClosable (bool) - 点击蒙层是否允许关闭,默认允许 callback函数支持返回 Promise

static showShareActionSheetWithOptions(options: Object, callback: Function)

显示分享 action sheet,options对象必须包含以下的一个或者多个:

  • options (array of {icon: TemplateRef | innerHTML, title: string}) - 分享按钮列表 (required)

    • 可以是二维数组,能显示多行按钮,例如[[{icon,title},…],…]表示两行两列。当为二维数组时有两个参数,第一个为序列、第二个为序列。
  • cancelButtonText (string) - 取消按钮文案,默认为Cancel

  • message (string/React.element) - 顶部标题下的简要消息

  • locale - 国际化,可覆盖全局LocaleProvider的配置 | Object: { dismissText }

static showShareActionSheetWithOptions(options: Object, failureCallback: Function, successCallback: Function)

显示分享 action sheet,options对象必须包含以下的一个或者多个:

  • options:
    • message(string): 顶部标题下的简要消息
    • title(string): 顶部标题
    • url(string): 分享的 url
    • excludedActivityTypes(): 指定在actionsheet中不显示的活动
  • Callback:
    • failureCallback(error): 分享失败调用;
    • successCallback(completed, method):分享成功调用;

static close() - programmatically close.