react-native-slack-emoji v0.0.1

react-native-slack-emoji

An implementation of Slack like Emoji components in React Native

Show Cases

IOS	Android

Getting Started

• Installation
• Basic Usage
• Properties
• Defaults
• Contribution
• Questions

Installation

$ npm i react-native-slack-emoji --save

Basic Usage

Picker

import React, { Component } from 'react';
import {
  SafeAreaView, StyleSheet, Text, Image,
} from 'react-native';

import { Picker, PickerModal } from 'react-native-slack-emoji';

export default class App extends Component {
  state = {
    emojiList: [],
  }

  onSelect = (emoji, emojiName, data) => {}

  updateEmoji = (emoji, name) => {}

  render() {
    const { emojiList } = this.state;
    return (
      <View style={styles.container}>
        <Picker
          emojiList={emojiList}
          updateEmoji={this.updateEmoji}
          onSelect={this.onSelect}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 10,
    backgroundColor: 'white',
    paddingTop: 70,
  },
});

Properties

Picker Props

Picker Modal Props

I18n

search: 'Search',
notFound: 'No Emoji Found',
categories: {
  search: 'Search Results',
  recent: 'Frequently Used',
  people: 'Smileys & People',
  nature: 'Animals & Nature',
  foods: 'Food & Drink',
  activity: 'Activity',
  places: 'Travel & Places',
  objects: 'Objects',
  symbols: 'Symbols',
  flags: 'Flags',
  custom: 'Custom',
}

Todos

• Support for Custom Emojis
• Support for all Emoji Sets
• Full Coverage of Tests

Contribution

• @pritishvaidya The main author.

Questions

Feel free to contact me or create an issue