Package Exports

react-native-smart-emoji-picker

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-smart-emoji-picker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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

iphoneX

Installation

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

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