react native fontawesome pro

字体下载 2025-08-09

反应本地fontawesome-pro

轻松在反应中使用您的fontawesome Pro 5.1图标。

该模块的V2利用了Fontawesome 5.1的JS软件包清理中的增强功能,并提供了对409个新图标的访问权限。

想安装V1吗?查看Fontawesome Pro 5的旧读数

从V1升级?

如果从V1安装升级,请卸载以前的先决条件软件包:

 npm uninstall --save @fortawesome/fontawesome-free-brands @fortawesome/fontawesome-pro-light @fortawesome/fontawesome-pro-regular @fortawesome/fontawesome-pro-solid

或者

 yarn remove @fortawesome/fontawesome-free-brands @fortawesome/fontawesome-pro-light @fortawesome/fontawesome-pro-regular @fortawesome/fontawesome-pro-solid

安装先决条件

  1. 在项目的根和下行中创建一个.npmrc文件。用您的fontawesome Pro代币替换YOUR-TOKEN-HERE您可以在字体上可以找到很棒的帐户https://f**ontawes*ome.com/account/services。更多信息:字体很棒的文档:使用软件包管理器

     @fortawesome:registry=https://npm.font**awes*ome.com/
     //npm.fontawesome.com/:_authToken=YOUR-TOKEN-HERE
    

    这将使您可以从Fontawesome Pro Repo下载专业,常规和轻型字体软件包。

  2. 安装Fontawesome Pro软件包(如果没有上一步,您将无法安装它们)

     npm install --save @fortawesome/pro-light-svg-icons @fortawesome/pro-regular-svg-icons @fortawesome/pro-solid-svg-icons @fortawesome/free-brands-svg-icons
    

    或者

     yarn add @fortawesome/pro-light-svg-icons @fortawesome/pro-regular-svg-icons @fortawesome/pro-solid-svg-icons @fortawesome/free-brands-svg-icons
    
  3. 安装react-native-svg

     npm install --save react-native-svg
    

    或者

     yarn add react-native-svg
    
  4. 链接react-native-svg

     react-native link
    

    …或者,如果您只想链接单个库:

     react-native link react-native-svg
    

    注意:在运行react-native link后,需要重建任何模拟器/模拟器的应用程序。

安装

 npm install react-native-fontawesome-pro --save

或者

 yarn add react-native-fontawesome-pro

然后,邮政安装脚本将自动为您安装Pro软件包。

用法

在您的主app.js程序中配置fontawesomepro。可选将默认字体从“常规”设置为“固体”或“ light”:

 import { configureFontAwesomePro } from "react-native-fontawesome-pro";

configureFontAwesomePro();
// configureFontAwesomePro("solid");
// configureFontAwesomePro("light");

将图标添加到组件:

 import Icon from "react-native-fontawesome-pro";


   alert("do something")} />
  
  

道具

图标name的值可以在fontawesome.com/icons上找到。

支柱 类型 默认值
name 细绳 “”(如果没有提供有效的name值,则字体很棒的默认值为“ Question-Circle”)
color 字符串,html颜色关键字或十六进制 “黑色的”
size int 20
type String,可用字体的一种很棒的前缀类型:“常规”,“固体”,“ Light”或“品牌” “常规的”
iconStyle 样式对象 不明确的
containerStyle 样式对象 不明确的
onPress 功能 不明确的
activeOpacity 数字(在0和1之间) 0.2(与默认值相同)

欢迎PR ¯_(ツ)_/¯

下载源码

通过命令行克隆项目:

git clone https://github.com/shyaniv7/react-native-fontawesome-pro.git