react-native-emojipicker

1.1.1 • Public • Published

react-native-emojipicker

npm version

react-native-emojipicker is a simple emoji picker component

Install

yarn add react-native-emojipicker

Usage

import React from 'react'
import { ScrollView, View, Text, TouchableOpacity } from 'react-native'
import EmojiPicker from '../components/Picker'
 
export default class extends React.Component {
  constructor (props) {
    super(props)
    this.state = { visible: true }
  }
 
  logEmoji (emoji) {
    console.log(emoji)
  }
 
  render() {
    return (
      <ScrollView>
        <EmojiPicker
          onEmojiSelected={this.logEmoji.bind(this)}
          visible={this.state.visible}
          />
          <TouchableOpacity
            onPress={() => {this.setState({visible: !this.state.visible})}}>
            <Text>show / hide</Text>
          </TouchableOpacity>
      </ScrollView>
    )
  }
}

Props

onEmojiSelected (required)

Handler returns the unicode emoji character ⚽️ selected from the emoji picker.

visible

Opacity to show or hide the picker. Defaults to true.

Styles

Uses styled-components 💅 for the base styling.

Development

yarn
npm run dev

Build

yarn
npm run build
npm login
npm version patch
git add -A
git push origin master
npm publish

License

MIT

Package Sidebar

Install

npm i react-native-emojipicker

Weekly Downloads

6

Version

1.1.1

License

MIT

Unpacked Size

5.45 MB

Total Files

10

Last publish

Collaborators

  • svnm