react-native-emoji-popup 🌈

Emoji Popup for React Native, using native primitives. MCEmojiPicker on iOS and Emoji2 on Android.

CleanShot.2025-02-27.at.20.57.39.mp4

Installation

npm install react-native-emoji-popup

Usage

The API is simple, just wrap your component with the EmojiPopup component and pass a callback to the onEmojiSelected prop.

import { EmojiPopup } from 'react-native-emoji-popup';

export default function EmojiExample() {
  const [emoji, setEmoji] = useState('🫡');

  return (
    <View>
      <TextInput value={emoji} />
      <EmojiPopup onEmojiSelected={setEmoji}>
        <Text style={styles.buttonText}>Open Emoji Picker</Text>
      </EmojiPopup>
    </View>
  );
}

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Acknowledgements

• MCEmojiPicker

---

Made with create-react-native-library