react native emoticons

react native emoticons

react native emoticons , termasuk emoji

contoh tangkapan layar terbaru

Memasang

 npm install react - native - emoticons 

Penggunaan

Komponen UI

• langkah 1

  Impor paket komponen.

   import Emoticons from 'react-native-emoticons' ;

• langkah 2

  Tulis kode komponen di tempat yang tepat pada render halaman Anda.

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

  Tip: Atribut onEmoticonPress bisa mendapatkan hasil emotico seperti {code:'?', name: 'GRIMACING FACE'} . Atribut show akan mengontrolnya jika komponen terlihat. Atribut onBackspacePress akan menambahkan fungsi untuk tombol backspace.

alat peraga

Menopang	Jenis	Keterangan	Diperlukan	Bawaan
onEmoticonPress	Function	fungsi panggilan balik ketika emotikon ditekan	Yes	Tidak ada
onBackspacePress	Function	fungsi panggilan balik ketika tombol spasi mundur ditekan	YES	Tidak ada
show	Bool	menunjukkan komponennya	YES	PALSU
concise	Bool	mod ringkas dengan lebih sedikit emoji	No	BENAR
showHistoryBar	Bool	aktifkan fungsi riwayat	No	BENAR
showPlusBar	Bool	aktifkan lebih banyak fungsi emotikon (sedang dikembangkan, jika Anda tertarik dengan hal ini, selamat datang permintaan tarik.)	No	BENAR
asyncRender	Bool	render asinkron	No	PALSU

API

Impor

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

1. merangkai

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

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

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

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

Lebih jauh

Mendukung emotikon khusus seperti weixin