react native fontawesome

反应本地人

react native fontawesome图标

好处

• 没有膨胀软件，一个带有一个图标的软件包，仅此而已
• 完整的Fontawesome图标已正确更新
• 疯狂的快速记忆足迹很快
• 使用操作系统渲染图标，以获得最佳的课程表现（请参阅性能注释Bellow）

安装过程

使用纱线

npm i -g yarn

yarn add react-native-fontawesome

使用NPM

npm i --save react-native-fontawesome

该模块使用字体Awesome 5.9.0。无需链接二进制文件，只需导入软件包即可将字体文件包含在您的项目中。

此软件包不会为您下载字体。您必须手动下载字体文件（单击此处以获取正确的文件）并将其放入工作文件夹中。

请按照此指南将fontawesome.ttf添加到您的项目中：

将自定义字体添加到iOS的React本机应用程序

Android React本地的自定义字体

用法

 import FontAwesome , { SolidIcons , RegularIcons , BrandIcons } from \'react-native-fontawesome\' ;

...
render ( ) {
  return (
    < View >
        < FontAwesome icon = { SolidIcons . smile } />
        < FontAwesome icon = { RegularIcons . smileWink } />
        < FontAwesome icon = { BrandIcons . github } />
    </ View >
  ) ;
} ,

关于连字符的注意

JavaScript不接受连字符，因为有效的对象名称，因此所有连字符均已删除并转换为骆驼盒。

示例： th-large成为thLarge

如果需要的话，可以解析名称：这样：

 import { parseIconName } from \'react-native-fontawesome\' ;

const validIcon = parseIconFromClassName ( \'fas fa-chevron-left\' ) // will be parsed to chevronLeft

// So anywhere you would have used Icons.chevronLeft (or some other icon name) 
// you can now just use the returned value directly (validIcon in this example).  
// The function parseIconName internally returns an BrandIcons[parsedIconName] or SolidIcons[parsedIconName] or RegularIcons[parsedIconName] result.
// So you can use like that:

< FontAwesome style = { { fontSize : 32 } } icon = { validIcon } >

在某些情况下，当您在数据库中存储图标时，可以使用它，然后在手机中动态使用。

造型

您可以像在<Text>组件中那样传递样式，直接将样式直接应用到Fontawesome RN组件中。

 < FontAwesome style = { { fontSize : 32 } } icon = { BrandIcons . github } >

单击此处获取正确的字体文件。

警告！

字体很棒具有一些付费图标，上面的链接用于下载免费图标集。因此，如果您从我们的列表中选择一些图标，并且此图标不正确显示，请在打开问题之前检查您选择的图标是否是付费的图标。在这种情况下，您必须购买FONT AWACYER PRO网站中设置的Pro图标。如果您使用的是付费图标，并且正在使用已经bough的付费图标集，则必须将pro属性传递给图标，例如：

 < FontAwesome icon = { RegularIcons . exclamationTriangle } pro = { true } >

为什么这很快，几乎没有额外的记忆

该软件包使用文本元素渲染图标。文本元素基于字体文件将图标的渲染过程委托给操作系统。 iOS和Android呈现字体都非常快，而内存很少。本质上，fontawesome.ttf将由OS使用来渲染图标，并将受益多年的本机软件改进以及硬件加速度。

您想使用图标创建自定义字体吗？

看看此https://g**ithub*.com/entria/font-generator，它将生成TTF字体，就像此软件包一样使用

样本项目

在此存储库中，您会找到一个包含在Android和iOS上测试的工作示例项目的sample/文件夹。您可以在这里查看如何构建和运行应用程序