npm install --save taskade/react-native-emoji-selectorimport EmojiSelector from 'react-native-emoji-selector'
<EmojiSelector onEmojiSelected={emoji => console.log(emoji)} />| Prop | Type | Default | Description |
|---|---|---|---|
| onEmojiSelected | func | Function called when a user selects an Emoji | |
| 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 |
| showSectionTitles | bool | true |
Toggle the section title elements |
| columns | number | 6 |
Number of columns accross |
| placeholder | string | "Search" |
A string placeholder when there is no text in text input |
| darkMode | bool | false |
Toggle dark mode on or off |
| shouldInclude | func | Function called to check for emoji inclusion | |
| theme | object | See below | Theme colors used for the emoji picker |
| Prop | LIGHT_THEME | DARK_THEME | Description |
|---|---|---|---|
| primary | "#007AFF" |
"#0A84FF" |
Color used for loaders and active tab indicator |
| background | "#FFFFFF" |
"#333333" |
Color used for picker and header background |
| label | "#8F8F8F" |
"#8F8F8F" |
Color used for the header text |
| underlay | "#F0F0F0" |
"#424242" |
Color used when an emoji is pressed |
| searchBackground | "#F2F2F7" |
"#48484A" |
Color used for the search container |
| searchPlaceholder | "#00000056" |
"#FFFFFF56" |
Color used for the search placeholder |
| searchText | "#00000087" |
"#FFFFFF87" |
Color used for search text |
Special thanks to everyone who has contributed to this project!
