@proximus/react-native-font-icons
TypeScript icon, indicating that this package has built-in type declarations

3.0.3 • Public • Published

@proximus/react-native-font-icons

Fonts + set of icon fonts to be used in React Native apps.

Build Status

Build Status Master(Master)

Build Status Dev(Dev)

Getting started

$ npm install @proximus/react-native-font-icons --save

$ react-native link @proximus/react-native-font-icons

Usage

import { IconMap, Icon, Fonts, NucleoIcon, Nucleo } from '@proximus/react-native-font-icons';

// Normal icon font use
<Icon name={IconMap.Smartphone} size={24} style="{{color:'red'}}" />

// Nucelo Fonts
<NucleoIcon name={Nucleo.AddBig} size={36} style="{{color:'blue'}}" />

// Text user
<Text style={{fontFamily: Fonts.primary}} />

Updating the icons fonts

UI Designers must provide fonts assets for Nucleo and/or pxIcon library.

  • Replace with received assets the latests fonts in src/assets/font/** and demo/fonts/**
  • Defined in glyphMap.json (located src/assets/**) the icons names with specific default code (Provided by Designers)
  • NOTE : please follow this pattern : icon-my-pxs-app-iconfont_{iconName} so icon names are aligned
  • Mapped those icons so it can be used as constants (located in src/styling) depending the icon type.
  • Update the version of the library in package.json
  • Publish the library
  • Once integrated in MyPxs App, for android only you need to replace in android/app/src/main/assets/fonts, the latests fonts received from the designers
  • Rebuild the app
  • Voilà

Package Sidebar

Install

npm i @proximus/react-native-font-icons

Weekly Downloads

20

Version

3.0.3

License

none

Unpacked Size

1.19 MB

Total Files

160

Last publish

Collaborators

  • mathieusoupart-pxs