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	خطأ شنيع

واجهة برمجة التطبيقات

يستورد

 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