https://github.com/numandev1/react-native-emoji-hook

Write emoji by emoji code :D = 😄
https://github.com/numandev1/react-native-emoji-hook

android editor emoji emoji-editor emoji-textinput emojis facebook facebook-emoji hook ios react-native textinput web website

Last synced: 3 months ago
JSON representation

Write emoji by emoji code :D = 😄

• Host: GitHub
• URL: https://github.com/numandev1/react-native-emoji-hook
• Owner: numandev1
• License: mit
• Created: 2021-09-23T16:11:27.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-09-24T12:43:54.000Z (over 3 years ago)
• Last Synced: 2024-04-24T18:55:39.654Z (9 months ago)
• Topics: android, editor, emoji, emoji-editor, emoji-textinput, emojis, facebook, facebook-emoji, hook, ios, react-native, textinput, web, website
• Language: JavaScript
• Homepage: https://distracted-wilson-9627b2.netlify.app/
• Size: 1.4 MB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        









  Write emoji by emoji code

  






  



# [Demo](https://distracted-wilson-9627b2.netlify.app/)

## Installation

```sh

npm install react-native-emoji-hook

```

## Usage

```js

import useEmoji, { emojify } from 'react-native-emoji-hook';

// ...

const [text, setText] = useEmoji();

```

**emojify** function is not hook it is basically text to emoji text converter. you can use this for making own custom useState.

## Example Code

```

import * as React from 'react';

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

import useEmoji from 'react-native-emoji-hook';

export default function App() {

  const [text, setText] = useEmoji();

  return (

    

      

    

  );

}

const styles = StyleSheet.create({

  container: {

    flex: 1,

    alignItems: 'center',

    justifyContent: 'center',

  },

  input: {

    width: '100%',

    height: 100,

    backgroundColor: 'gray',

    fontSize: 30,

  },

});

```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT