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

tje3d/react-native-emoji-selector