https://github.com/xhmm/react-native-mcemoji-picker

An iOS emoji-picker component for react-native
https://github.com/xhmm/react-native-mcemoji-picker

Last synced: 2 months ago
JSON representation

An iOS emoji-picker component for react-native

• Host: GitHub
• URL: https://github.com/xhmm/react-native-mcemoji-picker
• Owner: XHMM
• License: mit
• Created: 2023-10-07T17:01:03.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-14T08:28:23.000Z (over 2 years ago)
• Last Synced: 2025-06-13T04:39:17.394Z (about 1 year ago)
• Language: Java
• Size: 1.96 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# react-native-mcemoji-picker

![npm](https://img.shields.io/npm/v/react-native-mcemoji-picker)

An emoji-picker component for iOS, it's a wrapper of the native-implemented component [MCEmojiPicker](https://github.com/izyumkin/MCEmojiPicker). Compared with js-implemented pickers, this component has **less memory usage and more performant**.

## Installation

```sh

npm install react-native-mcemoji-picker

npx pod-install

```

## Usage

```js

import * as React from 'react';

import { useRef, useState } from 'react';

import { StyleSheet, View, Button, Text } from 'react-native';

import { EmojiPicker } from 'react-native-mcemoji-picker';

export default function App() {

  const anchorRef = useRef();

  const [emoji, setEmoji] = useState('none');

  const [isPickerShow, setIsPickerShow] = useState(false);

  return (

    

      Selected emoji: {emoji}

       {

          setIsPickerShow(true);

        }}

      />

       {

          setEmoji(emoji);

        }}

        onClose={() => {

          setIsPickerShow(false);

        }}

      />

    

  );

}

```

## Preview



## License

MIT