ne

nativescript-emoji

A simple library to add Emoji support to your NativeScript Application πŸ˜€πŸ˜ŠπŸš€

Showing:

Popularity

Downloads/wk

1

GitHub Stars

19

Maintenance

Last Commit

2yrs ago

Contributors

2

Package

Dependencies

0

License

MIT

Type Definitions

Built-In

Tree-Shakeable

No?

Categories

Readme

npm npm

NativeScript Emoji πŸ˜€πŸ˜ŠπŸš€

A simple library to add Emoji support to your NativeScript app. Working on Android and iOS

Emoji

Instalation

tns plugin add nativescript-emoji

Usage

XML
<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:Emoji="nativescript-emoji" navigatingTo="navigatingTo" class="page">  
    <Page.actionBar>
        <ActionBar title="NativeScript Emoji" icon="" class="action-bar">
        </ActionBar>
    </Page.actionBar>
    <StackLayout orientation="horizontal">
        <Label text="I'm happy "> </Label>
        <Emoji:Emoji name="joy" />
        <Emoji:Emoji name="joy" />
        <Emoji:Emoji name="joy" />
    </StackLayout>
</Page>
TS
import { Emoji } from 'nativescript-emoji';
ANGULAR
import { registerElement } from "nativescript-angular/element-registry";

registerElement("Emoji", () => require("nativescript-emoji").Emoji);
NATIVESCRIPT-VUE

Add the following to your main.js, app.js or other entry point

Vue.registerElement('Emoji', () => require('nativescript-emoji').Emoji)

How to use

Set emoji property name with the short-name of the emoji.

<Emoji:Emoji name="joy" />

With Nativescript-Vue <Emoji name="joy" />

Available Properties

name: emoji short-name

size: size to display emoji

The full list you can access on the link below. https://raw.githubusercontent.com/dzfweb/nativescript-emoji/master/emoji.database.ts

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100