react native fontawesome pro

反应本地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\";

<View>
  <Icon name=\"chevron-right\" color=\"red\" type=\"regular\" onPress={() => alert(\"do something\")} />
  <Icon name=\"chevron-right\" color=\"blue\" type=\"solid\" size={24}/>
  <Icon name=\"chevron-right\" color=\"green\" type=\"light\" size={10} />
</View>

道具

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

欢迎PR ¯\\_(ツ)_/¯