Skip to content

manojdcoder/nativescript-vector-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NativeScript Vector Icons

       

Prerequisites / Requirements

You will have to manually install the fonts you want to use.

Installation

From the command prompt go to your app's root folder and execute:

tns plugin add nativescript-vector-icons

Demo app

If you want a quickstart, clone the repo, cd src, and npm run demo.ios or npm run demo.android.

API

getImage

Returns the image url based on the given parameters.

Parameters Type Description
font Font Instance of Font you want to use, created with font family name and size.
glyph String A string that represents an icon.
color Color Instance of Color you want to use, created with known color names / hex code / raba values.
var Color = require('color').Color;
var Font = require('ui/styling/font').Font;
var vectorIcons = require('nativescript-vector-icons');
vectorIcons.getImage(
    Font.default.withFontFamily('Material Design Icons, MaterialDesignIcons').withFontSize(48), 
    String.fromCharCode(63615), 
    new Color('blue')
);

Known issues on Android

Icon resolution is too low in ActionBar / TabView

#5887 - Android uses deprecated method to create Drawable from Bitmap