0.1.8 • Published 6 years ago
@christiandrey/react-native-emoji-selector v0.1.8
react-native-emoji-selector
Installation
npm install --save react-native-emoji-selector
import EmojiSelector from 'react-native-emoji-selector'
Demo
Usage
Basic usage
<EmojiSelector
onEmojiSelected={emoji => console.log(emoji)}
/>
Setting a default category
If you'd like to define a different default category, you can import the Categories
class.
import EmojiSelector, { Categories } from 'react-native-emoji-selector';
<EmojiSelector
category={Categories.symbols}
onEmojiSelected={emoji => console.log(emoji)}
/>
The available categories are all
, people
, nature
, food
, activities
, places
, objects
, symbols
, and flags
.
Props
Prop | Type | Default | Description |
---|---|---|---|
onEmojiSelected | func | Function called when a user selects an Emoji | |
theme | string | 007AFF | Theme color used for loaders and active tab indicator |
showTabs | bool | true | Toggle the tabs on or off |
showSearchBar | bool | true | Toggle the searchbar on or off |
showHistory | bool | false | Toggle the history tab on or off |
category | enum | .all | Set the default category. Use the Categories class |
columns | number | 6 | Number of columns accross |
To do
- Improve performance of switching tabs
- Show loaders when loading a category