0.1.8 • Published 7 years ago
@christiandrey/react-native-emoji-selector v0.1.8
react-native-emoji-selector
Installation
npm install --save react-native-emoji-selectorimport 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