arronhunt / React Native Emoji Selector
Licence: mit
⚛️😎 Simple, customizable and theme-able Emoji selector for React Native
Stars: ✭ 217
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to React Native Emoji Selector
Free Gophers Pack
✨ This pack of 100+ gopher pictures and elements will help you to build own design of almost anything related to Go Programming Language: presentations, posts in blogs or social media, courses, videos and many, many more.
Stars: ✭ 2,343 (+979.72%)
Mutual labels: emoji
Emoji Ime Dictionary
日本語で絵文字入力をするための IME 追加辞書 📙 Google 日本語入力などで日本語から絵文字への変換を可能にする IME 拡張辞書です
Stars: ✭ 172 (-20.74%)
Mutual labels: emoji
Vue Twemoji Picker
Vue Twemoji Picker - A fast plug-n-play Twemoji Picker (+textarea for Twemoji rendering) for Vue. Support Unicode Emoji 13.0.
Stars: ✭ 154 (-29.03%)
Mutual labels: emoji
Emoji Catalog
Get access to +3500 emojis as class constants
Stars: ✭ 211 (-2.76%)
Mutual labels: emoji
Emoji Search
😄 Emoji synonyms to build your own emoji-capable search engine (elasticsearch, solr)
Stars: ✭ 184 (-15.21%)
Mutual labels: emoji
Twemoji
Emoji for everyone. https://twemoji.twitter.com/
Stars: ✭ 13,604 (+6169.12%)
Mutual labels: emoji
Emoji Helper
A small cross-browser emoji cheatsheet extension 👍
Stars: ✭ 194 (-10.6%)
Mutual labels: emoji
Streamoji
Custom emoji rendering library for iOS apps with support for GIF & still images - plug-in extension for UITextView - performance, cache ✅ - Made with 💘 by @GetStream
Stars: ✭ 215 (-0.92%)
Mutual labels: emoji
Jekyll Spaceship
🚀 A Jekyll plugin to provide powerful supports for table, mathjax, plantuml, mermaid, emoji, video, audio, youtube, vimeo, dailymotion, soundcloud, spotify, etc.
Stars: ✭ 196 (-9.68%)
Mutual labels: emoji
Textformatter
Text formatting library that supports BBCode, HTML and other markup via plugins. Handles emoticons, censors words, automatically embeds media and more.
Stars: ✭ 188 (-13.36%)
Mutual labels: emoji
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. 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, emotion, 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 |
| showSectionTitles | bool | true |
Toggle the section title elements |
| 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 |
| shouldInclude | func | Function called to check for emoji inclusion |
Contributors
Special thanks to everyone who has contributed to this project!
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].