aminmahrami / react-native-emoji-selector

⚛️😀 Simple, customizable and theme-able Emoji selector for React Native

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