react native emoticons

react native emoticons

react native emoticons , incluidos emoji

última muestra de captura de pantalla

Instalar

 npm install react - native - emoticons 

Uso

Componente de interfaz de usuario

• paso 1

  Importe el paquete de componentes.

   import Emoticons from 'react-native-emoticons' ;

• paso 2

  Escriba el código del componente en el lugar adecuado de la representación de su página.

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

  Consejo: El atributo onEmoticonPress puede obtener resultados de emoticones como {code:'?', name: 'GRIMACING FACE'} . El atributo show controlará si el componente es visible. El atributo onBackspacePress agregará una función para el botón de retroceso.

accesorios

Apuntalar	Tipo	Descripción	Requerido	Por defecto
onEmoticonPress	Function	función de devolución de llamada cuando se presionan los emoticones	Yes	Ninguno
onBackspacePress	Function	función de devolución de llamada cuando se presiona el botón de retroceso	YES	Ninguno
show	Bool	mostrar el componente	YES	FALSO
concise	Bool	mod conciso con menos emoji	No	verdadero
showHistoryBar	Bool	habilitar la función de historial	No	verdadero
showPlusBar	Bool	habilitar más funciones de emoticones (está en desarrollo, si tiene interés en esto, bienvenido a la solicitud de extracción).	No	verdadero
asyncRender	Bool	renderizado asíncrono	No	FALSO

API

Importar

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

1. encadenar

    //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. analizar gramaticalmente

    //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. disidente

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

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

Más

Admite emoticonos personalizados como weixin