ionic2：如何在ionic2中使用动作表

Question

我想在图片中创建页面，我正在使用Action表但我找不到设置这样的操作表的资源，这是我使用的代码：

  sharePost() {
let actionSheet = this.actionSheetCtrl.create({
 title: 'Modify your album',
 buttons: [
   {
     text: 'Destructive',
     role: 'destructive',
     handler: () => {
       console.log('Destructive clicked');
     }
   },
   {
     text: 'Archive',
     handler: () => {
       console.log('Archive clicked');
     }
   },
   {
     text: 'Cancel',
     role: 'cancel',
     handler: () => {
       console.log('Cancel clicked');
     }
   }
 ]
 });

 actionSheet.present();

}

这是输出图像：

如何自定义我的操作表？如果我不应该使用操作表，我应该使用什么？

Answer 1

我相信你想使用分享功能

实际上它与设计无关。

第一张图片仅共享可从您的平台分享的可用应用。

现在要实现这一目标，您需要使用以下插件

https://ionicframework.com/docs/native/social-sharing/

和onclick调用此实例成员 https://ionicframework.com/docs/native/social-sharing/#share

这是分享任何地方链接

所以你的代码就像

share(){
 this.socialSharing.share(message, subject, file, url).then(() => {
   // Sharing via email is possible
 }).catch(() => {
   // Sharing via email is not possible
});
}

Answer 2

您尝试实现的目标可能是底页。

操作表是原生的，因此我们无法更改其设计。

但这里有一些解决方法。 检查这些例子，

codepen.io/jabas06/pen/vOMxjK

forum.ionicframework.com/t/an-alternative-to-md-bottom-sheet-in-ionic-2/93957/2

（由于声誉，链接是纯文本）

ionic market plugin