Skip to content

Replace emojis with Twemojis in your next React Native app.

Notifications You must be signed in to change notification settings

tomekkleszcz/react-native-twemojis

Repository files navigation

😁 react-native-twemojis 📦

npm npm GitHub Workflow Status GitHub Workflow Status

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

🧰 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 (
        <TwemojiText>
            Hello world! 🌎
        </TwemojiText>
    );
}

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.