react native emoticons

react native emoticons

react native emoticons , включая эмодзи

последний образец скриншота

Установить

 npm install react - native - emoticons 

Использование

Компонент пользовательского интерфейса

• шаг 1

  Импортируйте пакет компонентов.

   import Emoticons from 'react-native-emoticons' ;

• шаг 2

  Напишите код компонента в нужном месте рендеринга вашей страницы.

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

  Совет: Атрибут onEmoticonPress может получить результаты смайлов, например {code:'?', name: 'GRIMACING FACE'} . Атрибут show будет контролировать видимость компонента. Атрибут onBackspacePress добавит функцию для кнопки возврата.

реквизит

Опора	Тип	Описание	Необходимый	По умолчанию
onEmoticonPress	Function	функция обратного вызова при нажатии смайлов	Yes	Никто
onBackspacePress	Function	функция обратного вызова при нажатии кнопки возврата	YES	Никто
show	Bool	покажи компонент	YES	ЛОЖЬ
concise	Bool	краткий мод с меньшим количеством смайлов	No	истинный
showHistoryBar	Bool	включить функцию истории	No	истинный
showPlusBar	Bool	включить больше функций смайлов (находится в разработке, если вам это интересно, добро пожаловать на запрос на включение.)	No	истинный
asyncRender	Bool	асинхронный рендеринг	No	ЛОЖЬ

API

Импорт

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

1. строкировать

    //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. анализировать

    //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. разделитель

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

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

Дальше

Поддержка пользовательских смайлов, таких как weixin