https://github.com/tomekkleszcz/react-native-twemojis

Replace emojis with Twemojis in your next React Native app.
https://github.com/tomekkleszcz/react-native-twemojis

emoji emojis native react replace twemoji twemojis

Last synced: 2 months ago
JSON representation

Replace emojis with Twemojis in your next React Native app.

• Host: GitHub
• URL: https://github.com/tomekkleszcz/react-native-twemojis
• Owner: tomekkleszcz
• Created: 2020-12-25T13:56:26.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-11-22T13:24:09.000Z (about 3 years ago)
• Last Synced: 2024-10-10T14:28:26.753Z (3 months ago)
• Topics: emoji, emojis, native, react, replace, twemoji, twemojis
• Language: TypeScript
• Homepage:
• Size: 44.9 KB
• Stars: 3
• Watchers: 1
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 😁 react-native-twemojis 📦

[![npm](https://img.shields.io/npm/v/react-native-twemojis)](https://www.npmjs.com/package/react-native-twemojis)

![npm](https://img.shields.io/npm/dm/react-native-twemojis)

![GitHub Workflow Status](https://img.shields.io/github/workflow/status/tomekkleszcz/react-native-twemojis/Publish)

![GitHub Workflow Status](https://img.shields.io/github/workflow/status/tomekkleszcz/react-native-twemojis/Tests?label=tests)

Replace emojis with Twemojis in your next React Native app.

## 📥 Installation

`npm install react-native-twemojis`

or

`yarn add react-native-twemojis`

## 👀 Demo

At the top there is `Text` component rendered on iOS device, and at the bottom there is rendered `TwemojiText` component.

![React Native Swipe Slider demo](demo/demo.png)

## 🧰 Usage

The `TwemojiText` component behaves just like `Text` component, but replaces all the emojis with their Twemoji equivalent.

```

import TwemojiText from 'react-native-twemojis';

const Component = () => {

    return (

        

            Hello world! 🌎

        

    );

}

```

The `TwemojiText` component accepts all `Text` props by default. If you want to customize the styling of the Twemojis there is a `twemojiStyle` prop which accepts `Image` styling.