React-native-fast-emoji-picker NPM

react-native-fast-emoji-picker

Installation

yarn add react-native-fast-emoji-picker

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

react-native react emoji emoji-picker emoji-select mobile ios android ui

emoji-datasource react-native-gesture-handler react-native-reanimated recyclerlistview

@everything-registry/sub-chunk-2578 @infinitebrahmanuniverse/nolb-react-native-f

5 years ago

5 years ago

5 years ago

5 years ago