Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/yonahforst/react-native-emoji-picker

Simple emoji picker for react-native
https://github.com/yonahforst/react-native-emoji-picker

Last synced: 2 months ago
JSON representation

Simple emoji picker for react-native

Lists

README 

        
## Emoji picker for react-native

Powered by the awesome `emoji-datasource`



![AnimatedExample](animated-example.gif)



### Installation

```bash

npm install react-native-emoji-picker

```



### EmojiPicker component

```javascript

const EmojiPicker = require('react-native-emoji-picker');



class Main extends React.Component {

  _emojiSelected(emoji) {

    console.log(emoji)

  }



  render() {

    return (

      

        

      

    );

  }

}



```



#### Component props

- `onEmojiSelected` (Function) - Required. Called when the user taps on an emoji.

- `style` (Object) - Optional. Standard view style for the enclosing component.

- `clearButtonText` (String) - Optional. Alternate text for the clear button. Defaults to 'Clear'.

- `hideClearButton` (Bool) - Optional. Hide the clear button. 

- `rows` (Number) - Optional. Number of rows used to show all emojis. Defaults to 7.



### EmojiOverlay component

Optional overlay which wraps the picker in a modal-like component 



```javascript

const { EmojiOverlay } = require('react-native-emoji-picker');



class Main extends React.Component {

  state = {

    showPicker: false,

  }



  _emojiSelected(emoji) {

    this.setState({showPicker: false})

    console.log(emoji)

  }



  render() {

    return (

      



         this.setState({showPicker: true})}>

           Show picker 

        



         this.setState({showPicker: false})}

          horizontal={true}

          onEmojiSelected={this._emojiSelected}/>



      

    );

  }

}



```



#### Component props

- (...all EmojiPicker props)

- `visible` (Bool) - Required. Is the overlay visible

- `onTapOutside` (Function) - Required. Callback for when user taps outside the EmojiPicker area. Should set `visible` to `false`