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