cordova - 为 ionic 应用程序创建一个表情符号按钮，如 whatsapp

Question

我正在开发一个 Ionic 应用程序，我想知道是否可以为一个 ionic 应用程序创建一个类似于 whatsapp 的表情符号按钮。

Answer 1

有一个叫做@ionic-tools/emoji-picker 的东西

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

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

然后导入你的应用程序模块和你的子页面并像使用它一样

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

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

@ionic-tools/emoji-picker