Skip to content
βš›οΈπŸ˜Ž Simple, customizable and theme-able Emoji selector for React Native
JavaScript
Branch: master
Clone or download
Latest commit 8d00629 Nov 11, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets Updated readme and fixed demo Dec 11, 2018
example package updates Sep 23, 2019
.gitignore Updated my ignores Jun 2, 2019
.npmignore Updated my ignores Jun 2, 2019
LICENSE.md Added license Dec 11, 2018
README.md Update README.md Sep 30, 2019
index.d.ts Added type of EmojiSelectorProps Sep 29, 2019
index.js fixes #22 vertical scroll Nov 6, 2019
package-lock.json package updates Sep 23, 2019
package.json Ran prettier Aug 19, 2019

README.md

react-native-emoji-selector

Image preview

Installation

npm install --save react-native-emoji-selector
import EmojiSelector from 'react-native-emoji-selector'

Demo

Demo GIF

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. Setting a default category can also improve performance by loading a single section rather than all sections at once.

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
placeholder string Search... A string placeholder when there is no text in text input

Contributors

Special thanks to everyone who has contributed to this project!

You can’t perform that action at this time.