Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

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

About

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

Topics

Resources

License

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.