react native emoticons

react native emoticons

react native emoticons , y compris les emoji

dernier exemple de capture d'écran

Installer

 npm install react - native - emoticons 

Usage

Composant d'interface utilisateur

• étape 1

  Importez le package de composants.

   import Emoticons from 'react-native-emoticons' ;

• étape 2

  Écrivez le code du composant au bon endroit dans le rendu de votre page.

   < Emoticons
   	 onEmoticonPress = { this . _onEmoticonPress . bind ( this ) }
   	 onBackspacePress = { this . _onBackspacePress . bind ( this ) }
   	 show = { this . state . showEmoticons }
   	 concise = { true }
   	 showHistoryBar = { true }
   	 showPlusBar = { true }
    />

  Astuce : L'attribut onEmoticonPress peut obtenir les résultats des émoticônes comme {code:'?', name: 'GRIMACING FACE'} . L'attribut show contrôlera cela si le composant est visible. L'attribut onBackspacePress ajoutera une fonction pour le bouton de retour arrière.

accessoires

Soutenir	Taper	Description	Requis	Défaut
onEmoticonPress	Function	fonction de rappel lorsque les émoticônes sont enfoncées	Yes	Aucun
onBackspacePress	Function	fonction de rappel lorsque le bouton de retour arrière est enfoncé	YES	Aucun
show	Bool	montrer le composant	YES	FAUX
concise	Bool	mod concis avec moins d'emoji	No	vrai
showHistoryBar	Bool	activer la fonction historique	No	vrai
showPlusBar	Bool	activer plus de fonctions d'émoticônes (en cours de développement, si cela vous intéresse, bienvenue à la pull request.)	No	vrai
asyncRender	Bool	rendu asynchrone	No	FAUX

API

Importer

 import * as emoticons from 'react-native-emoticons' ;

1. stringifier

    //Most database can't restore the emoji string?,so we map 
   //them to common string.
   
   const string = emoticons . stringify ( 'This is source emoji ?' ) ;
   console . log ( string ) ; 

    //output
   'This is source emoji [GRIMACING FACE]'

2. analyser

    //If we want to show the emoji(fetch from database) in view page
   //we need parse the string
   
   const emoji = emoticons . parse ( 'This is source emoji [GRIMACING FACE]' ) ;
   console . log ( emoji ) ; 

    //output
   'This is source emoji ?'

3. diviseur

    //this api is for backspace function
   const emoji = emoticons . splitter ( 'emoji?' ) ;
   console . log ( emoji ) ; 

    //output
   [ 'e' , 'm' , 'o' , 'j' , 'i' , '?' ] 

Plus loin

Prend en charge les émoticônes personnalisées comme weixin