Emoji Mart Native is a Slack-like customizable
emoji picker component for React Native ported from [Emoji Mart]\n
Example app • Changelog\n
![\"Build](\"https://travis-ci.com/tunoltd/emoji-mart-native.svg?branch=master\")
\n\n
Emoji Mart Native is a Slack-like customizable
emoji picker component for React Native ported from [Emoji Mart]\n
Example app • Changelog\n \n
\n ![\"picker\"](\"https://user-images.githubusercontent.com/12134822/40007137-ecf6cfc2-5793-11e8-9943-08a9ba8c7fee.png\")
\n
![\"summer\"](\"https://user-images.githubusercontent.com/12134822/40007143-ef8196be-5793-11e8-83ab-96373b0101ff.png\")
\n\n#### Emoticons\nThe only emoji picker that returns emojis when searching for emoticons.\n\n![\"emoticons\"](\"https://user-images.githubusercontent.com/12134822/40007146-f1c9d544-5793-11e8-9c0a-5b7767b7045b.png\")
\n\n#### Results intersection\nFor better results, **Emoji Mart Native** split search into words and only returns results matching both terms.\n\n![\"hand-raised\"](\"https://user-images.githubusercontent.com/12134822/40007148-f358a962-5793-11e8-951b-4c5a7c583f27.png\")
\n\n### Fully customizable\n#### Anchors color, title and default emoji\n![\"customizable-color\"](\"https://user-images.githubusercontent.com/12134822/40007153-f56680ee-5793-11e8-9795-32fb54aa918f.png\")
\n\n#### Emojis sizes and length\n![\"size-and-length\"](\"https://user-images.githubusercontent.com/436043/32532590-381f67de-c400-11e7-86f6-328e30d6b116.png\")
\n\n#### Default skin color\nAs the developer, you have control over which skin color is used by default.\n\n![\"skins\"](\"https://user-images.githubusercontent.com/436043/32532858-0a559560-c402-11e7-8680-f77f780a5a49.png\")
\n\nIt can however be overwritten as per user preference.\n\n![\"customizable-skin\"](\"https://user-images.githubusercontent.com/436043/32532883-2c620e7c-c402-11e7-976c-50d32be0566c.png\")
\n\n#### Multiple sets supported\nApple / Google / Twitter / Messenger / Facebook\n\n![\"sets\"](\"https://user-images.githubusercontent.com/1238485/64777626-86603f80-d552-11e9-87cd-a899b845a81d.png\")
\n\n## Not opinionated\n**Emoji Mart Native** doesn’t automatically insert anything into a text input, nor does it show or hide itself. It simply returns an `emoji` object. It’s up to the developer to mount/unmount (it’s fast!) and position the picker. You can use the returned object as props for the `EmojiMartNative.Emoji` component. You could also use `emoji.colons` to insert text into a textarea or `emoji.native` to use the emoji.\n\n## Development\n```sh\n$ yarn build\n$ yarn start\n$ yarn storybook\n```\n\n### Testing Changes\nTo easier test changes as you make them, you can run `npm run build:link -- --out-dir /$project/node_modules/emoji-mart-native/dist` replacing `$project` with your projects or the example apps location.\n\n## 🎩 Hat tips!\nPorted from code brought to you by the Missive team\n
Emoji Mart Native is a Slack-like customizable
emoji picker component for React Native ported from [Emoji Mart]\n
Example app • Changelog\n \n
\n \n
\n\n#### Emoticons\nThe only emoji picker that returns emojis when searching for emoticons.\n\n\n\n#### Results intersection\nFor better results, **Emoji Mart Native** split search into words and only returns results matching both terms.\n\n\n\n### Fully customizable\n#### Anchors color, title and default emoji\n\n\n#### Emojis sizes and length\n\n\n#### Default skin color\nAs the developer, you have control over which skin color is used by default.\n\n\n\nIt can however be overwritten as per user preference.\n\n\n\n#### Multiple sets supported\nApple / Google / Twitter / Facebook\n\n\n\n## Not opinionated\n**Emoji Mart Native** doesn’t automatically insert anything into a text input, nor does it show or hide itself. It simply returns an `emoji` object. It’s up to the developer to mount/unmount (it’s fast!) and position the picker. You can use the returned object as props for the `EmojiMartNative.Emoji` component. You could also use `emoji.colons` to insert text into a textarea or `emoji.native` to use the emoji.\n\n### Removing prop-types\n\nTo remove [prop-types](https://github.com/facebook/prop-types) in production, use [babel-plugin-transform-react-remove-prop-types](https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types):\n\n```bash\nnpm install --save-dev babel-plugin-transform-react-remove-prop-types\n```\n\nThen add to your `.babelrc`:\n\n```json\n\"plugins\": [\n [\n \"transform-react-remove-prop-types\",\n {\n \"removeImport\": true,\n \"additionalLibraries\": [\n \"../../utils/shared-props\"\n ]\n }\n ]\n]\n```\n\nYou'll also need to ensure that Babel is transpiling `emoji-mart-native`, e.g. [by not excluding `node_modules` in `babel-loader`](https://github.com/babel/babel-loader#usage).\n\n## Development\n\n```bash\nyarn build\n```\n\n### Testing Changes\n\nTo easier test changes as you make them, you can run `yarn build:link -- --out-dir /$project/node_modules/emoji-mart-native/dist` replacing `$project` with your projects or the example apps location.\n\n## 🎩 Hat tips!\nPorted from code brought to you by the Missive team