À propos du projet
React Native Vector Icons est une bibliothèque JavaScript/TypeScript permettant d'ajouter des icônes vectorielles basées sur des polices aux applications React Native. L'architecture actuelle utilise des packages séparés pour chaque jeu d'icônes plutôt que l'ancien package unique, avec une documentation de migration fournie pour les projets existants.
Elle inclut des jeux activement maintenus tels qu'AntDesign, Feather, FontAwesome Free, Foundation, Ionicons, Material Design Icons, Octicons et Lucide. Des jeux supplémentaires sont disponibles bien que leurs projets en amont ne soient plus maintenus, notamment Entypo, EvilIcons, les anciennes versions de FontAwesome, Fontisto, Material Icons, SimpleLineIcons et Zocial. Des packages d'icônes tiers peuvent également être publiés et découverts via NPM.
Le composant Icon principal encapsule le composant Text de React Native et accepte les props de nom d'icône, de taille et de couleur ainsi que les propriétés de style de texte habituelles telles que les marges, le remplissage, les bordures, le rayon de bordure, la couleur d'arrière-plan et la taille de police. Les icônes peuvent être placées dans Text pour une utilisation en ligne. La bibliothèque prend également en charge les polices multi-styles et peut être animée avec l'API Animated de React Native ou react-native-animatable.
Pour les composants qui nécessitent des images matricielles, les icônes peuvent être converties de manière synchrone ou asynchrone en objets ImageResult contenant l'URI, les dimensions et l'échelle pour une utilisation en tant que sources Image. Cette fonctionnalité est disponible via la prise en charge des polices Expo ou le package dédié get-image.
Les développeurs peuvent définir des jeux d'icônes personnalisés avec createIconSet et une table de glyphes, regrouper leurs propres polices TTF, ou utiliser le générateur du projet pour créer un package de polices réutilisable. Les flux de travail Fontello et Icomoon sont documentés, et le répertoire des polices peut être personnalisé via la configuration package.json. Les polices peuvent être intégrées au moment de la compilation à l'aide d'imports statiques ou chargées dynamiquement à l'exécution, avec des guides de configuration pour Expo, React Native et le web. Le dépôt inclut également un exemple IconExplorer et des conseils de simulation Jest. La bibliothèque est sous licence MIT, tandis que les polices incluses conservent leurs licences respectives, généralement MIT ou SIL OFL.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.