为离子应用程序创建一个像whatsapp的表情符号按钮

Question

我正在开发一款Ionic应用程序，我想知道，如果可以为离子应用程序创建类似于whatsapp的表情符号按钮。

Answer 1

有一种叫做@ ionic-tools / emoji-picker

的东西

您可以将其安装在您的应用中

npm i @ionic-tools/emoji-picker --save

然后导入您的app模块和您的子页面，并像

一样使用它

＆＃13;

＆＃13;

toggled: boolean = false;
emojitext: string;
 
handleSelection(event) {
  this.emojitext = this.emojitext + " " + event.char;
}

＆＃13;

<ion-textarea [(ngModel)]="emojitext"></ion-textarea>
 
<button ion-button clear icon-only (click)="toggled = !toggled" [(emojiPickerIf)]="toggled" [emojiPickerDirection]="'top'"
      (emojiPickerSelect)="handleSelection($event)">
      
</button>

＆＃13;

＆＃13;

＆＃13;

@ionic-tools/emoji-picker

Answer 2

我为Ionic 4和Ionic 5创建了一个npm软件包。https://github.com/Pankaj-Sati/ionic4-emoji-picker。功能：

1. 类似滑动器的界面（例如WhatsApp和任何其他聊天应用程序）
2. 模式支持。在模式中打开表情符号选择器
3. 简单的样式