react-native-smart-emoji-picker

Motivation

This library was initially built for my following project, which was written in React Native for iOS only.

• just4fun/stuhome

Preview

Installation

npm install --save react-native-smart-emoji-picker

or

yarn add react-native-smart-emoji-picker

Usage

import EmojiPicker from 'react-native-smart-emoji-picker';
 
<EmojiPicker
  emojis={CUSTOM_EMOJIS}
  onEmojiPress={this.handleEmojiPress} />

You can try it out with the working example.

Data Structure

// CUSTOM_EMOJIS
 
{
  categoryOne: [
    {
      code: '[a:1178]', // The key which your app server can recognize and map to an unique image.
      image: 'http://bbs.uestc.edu.cn/static/image/smiley/alu/65.gif' // Custom emoji url or local image path.
    },
    {
      code: '[a:1179]',
      image: 'http://bbs.uestc.edu.cn/static/image/smiley/alu/66.gif'
    }
  ],
  categoryTwo: [
    {
      code: '[s:763]',
      image: 'http://bbs.uestc.edu.cn/static/image/smiley/lu/01.gif'
    }
  ]
}

Props

• emojis (Array) - Custom memes you want to display.
• show (Boolean) - Whether to display emoji picker, defaults to true.
• height (Integer) - Height for emoji picker, defaults to 250.
• rows (Integer) - How many rows for emoji you want to display in one page, defaults to 3.
• columns (Integer) - How many columns for emoji you want to display in one page, defaults to 7.
• onEmojiPress (Function) - Callback when a specific emoji is pressed.

Todo

• Support Android
• Support regular emojis

License

The MIT License