为离子应用程序创建类似whatsapp的表情符号按钮

Question

我正在研究离子应用程序，并且我想知道，是否可以创建类似于离子应用程序的whatsapp的表情符号按钮。

Answer 1

有个东西叫@离子工具/表情符号选取器

你可以在你的应用程序安装

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