Skip to content

pavelustenko/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>

About

Emoji keyboard for React Native, implemented natively

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Swift 43.2%
  • Objective-C 24.0%
  • JavaScript 14.3%
  • Java 10.1%
  • Python 6.1%
  • Ruby 2.3%