上拉菜单（Action Sheet）

Action Sheet

ActionSheet插件显示用户可以选择的原生列表选项。
需要Cordova插件：cordova-plugin-actionsheet。 有关更多信息，请参阅ActionSheet插件文档.
Repo（备用）: https://github.com/EddyVerbruggen/cordova-plugin-actionsheet

Installation（安装）

1.安装Cordova和Ionic原生插件

$ ionic cordova plugin add cordova-plugin-actionsheet
$ npm install --save @ionic-native/action-sheet

2.添加插件到app module里面

Supported platforms（支持的平台）

Android
Browser
iOS
Windows
Windows Phone 8

Usage（用法）

import { ActionSheet, ActionSheetOptions } from '@ionic-native/action-sheet';

constructor(private actionSheet: ActionSheet) { }

...


let buttonLabels = ['Share via Facebook', 'Share via Twitter'];

const options: ActionSheetOptions = {
  title: 'What do you want with this image?',
  subtitle: 'Choose an action',
  buttonLabels: buttonLabels,
  addCancelButtonWithLabel: 'Cancel',
  addDestructiveButtonWithLabel: 'Delete',
  androidTheme: this.actionSheet.ANDROID_THEMES.THEME_HOLO_DARK,
  destructiveButtonLast: true
};

this.actionSheet.show(options).then((buttonIndex: number) => {
  console.log('Button pressed: ' + buttonIndex);
});

Instance Members（实例成员）

ANDROID_THEMES

show(options)

显示一个原生ActionSheet组件。 见下面的选项。

参数	类型	详情
options	ActionSheetOptions	选项见下表

****Returns:** Promise<any>
返回一个Promise，它按下按钮的索引来解析（从1开始，1，2，3等）

hide()

以编程方式隐藏原生ActionSheet
****Returns:** Promise<any>
在操作表关闭时返回解析的Promise

ActionSheetOptions

参数	类型	详情
buttonLabels	string[]	按钮的标签。 使用索引x
title	string	actionsheet标题(可选)
subtitle	string	actionsheet副标题 (仅IOS )(可选)
androidTheme	number	在Android上使用的主题(可选)
androidEnableCancelButton	boolean	在Android上启用取消(可选)
winphoneEnableCancelButton	boolean	在Windows Phone上启用取消(可选)
addCancelButtonWithLabel	string	添加一个带文本的取消按钮(可选)
addDestructiveButtonWithLabel	string	添加具有文本的破坏性按钮(可选)*
position	number[]	在iPad上，设置X，Y位置(可选)
destructiveButtonLast	boolean	选择破坏性按钮将是最后一个(可选)