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

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