Skip to content

brendan-rius/react-native-emoji-keyboard

Repository files navigation

Emojis Keyboard for React Native

Screenshot

Based on ISEmojiView. Only works on iOS for now. If you want to add an Android version, Pull Requests are welcome.

Installation

  • yarn add react-native-emoji-keyboard or npm install --save react-native-emoji-keyboard
  • react-native link react-native-emoji-keyboard
  • In XCode, TO you your project settings and in the "General" tab. Click on the "+" in the "Linked Frameworks and Libraries" section. Locate and add "RNEmojiKeyboardFramework.framework"
  • In XCode, go to your build settings and set "Always Embed Swift Standard Libraries" to "YES"
  • Clean the Project (Product -> Clean)
  • Build and run your project

Usage

<View style={styles.container}>
    <Text>{this.state.emojis.join('')}</Text>
    <EmojiKeyboard onEmojiPicked={e => this.setState({emojis: this.state.emojis.concat(e)})}
                   onEmojiRemoved={e => this.setState({emojis: this.state.emojis.slice(0, -1)})}
                   showDeleteButton={this.state.emojis.length > 0}/>
</View>