Custom Icons
@flexnative/icons
package uses custom icon fonts created based on a IcoMoon.
You can find more details about @expo/vector-icons
on Expo official page
and section createIconSetFromIcoMoon.
Generating Icons set
To add, edit or remove icons from @flexnative/icons
package you first must extract icons form package and then uplod selection.json
file in IcoMoon.
From IcoMoon you can add, edit or remove any icon you want.
Your loading icon you should remain as spinner
because by this name it is used by other components.
After selecting your icons set you must download your fonts and selection.json
file and load .ttf
file on your project.
See section Basic Usage how to load your icons font.
After loading your icons font you must override globally icon
object from @flexnative/icons
package.
See section Using custom Icons Set.
Using custom Icons Set
icon
object and interface you can create automaticly from section Generate Icon object
by uploading IcoMoon selection.json
file.
Generate Icon object
Upload here your selection.json
file downloaded from IcoMoon to generate code for icons
and file to globaly override IconName interface, for @flexnative/icons
package.