Feature-complete Emoji Picker For React Native – emoji-modal

This is a rewrite of the react-native-emoji-picker, which provides a native-looking emoji picker for your React Native applications.

How to use it:

1. Install and import the emoji-modal.

# NPM
$ npm i react-native-emoji-modal
import EmojiModal from 'react-native-emoji-modal';

2. Add the emoji-modal component to the app.

<EmojiModal onEmojiSelected={(emoji) => {}} />;

3. Available props.

onEmojiSelected: (e: string | null) => void;
onPressOutside?: () => void;
columns?: number;
localizedCategories?: LocalizedCategories;
emojiSize?: number;
emojiStyle?: TextStyle;
modalStyle?: ViewStyle;
backgroundStyle?: ViewStyle;
containerStyle?: ViewStyle;
scrollStyle?: ViewStyle;
headerStyle?: TextStyle;
searchStyle?: ViewStyle;
shortcutColor?: any;
activeShortcutColor?: any;category: string;

Preview:

Feature-complete Emoji Picker For React Native - emoji-modal

Download Details:

Author: staltz

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/staltz/react-native-emoji-modal

License: MIT

You Might Be Interested In:

Tags:

Add Comment