react-native-fast-emoji-picker

emoji picker for react native

Usage no npm install needed!

<script type="module">
  import reactNativeFastEmojiPicker from 'https://cdn.skypack.dev/react-native-fast-emoji-picker';
</script>

README

react-native-fast-emoji-picker

Image of react-native-fast-emoji-picker

Installation

yarn add react-native-fast-emoji-picker

or

npm i react-native-fast-emoji-picker


import EmojiPicker from "react-native-fast-emoji-picker";

You need to have reanimated and react native gesture handler installed.

Demo

Image of react-native-fast-emoji-picker

Usage

import EmojiPicker from "react-native-fast-emoji-picker";

<EmojiSelector
  onEmojiSelected={(emoji) => console.log(emoji)}
  columns={6}
  showSectionTitles
  showSearchBar
  showTabs
/>

Props

Prop Type Default Description
onEmojiSelected func Function called when a user selects an Emoji
showTabs bool true Toggle the tabs on or off
showSearchBar bool true Toggle the searchbar on or off
showSectionTitles bool true Toggle the section title elements
columns number 6 Number of columns accross
placeholder string "Search Emoji" A string placeholder when there is no text in text input

Todo

[ ] Tap FeedBack
[ ] Scroll Animation

Debug

Error:

TypeError: null is not an object (evaluating '\_ReanimatedModule.default.createNode')

Try

yarn add react-native-reanimated

yarn add react-native-gesture-handler

Error:

LayoutException: RecyclerListView needs to have a bounded size. Currently height or, width is 0.Consider adding style={{flex:1}} or, fixed dimensions

Try

Setting flex:1 all Parent Views or Add fixed Height

Credit

react-native-emoji-selector