Flutter Font Awesome 图标不显示

Posted

技术标签:

【中文标题】Flutter Font Awesome 图标不显示【英文标题】:Flutter Font Awesome Icons Not Showing 【发布时间】:2022-01-18 10:40:53 【问题描述】:

我更改了版本,我做了这个步骤;

    停止应用程序 在您的应用目录中运行 flutter clean 从您的模拟器/模拟器/设备中删除应用程序 重建和部署应用程序。

我尝试了所有方法,但我的 Flutter 字体很棒的包不起作用。

pubspec.yaml 文件

小部件文件

【问题讨论】:

flutter clean 和 pub get 后,重启你的 ide 【参考方案1】:

使用此代码

前:

import 'package:font_awesome_flutter/font_awesome_flutter.dart';

 FaIcon(FontAwesomeIcons.venus,size: 50.0,),  

【讨论】:

【参考方案2】:

你的代码是正确的。

尝试以下步骤:

    在终端中运行flutter pub get 停止您的应用程序 重新启动您的应用并查看结果输出

pubspec.yaml 文件

dependencies:
  flutter:
    sdk: flutter
  font_awesome_flutter: ^9.2.0

小部件:

     Padding(
              padding: const EdgeInsets.all(8.0),
              child: FaIcon(
                FontAwesomeIcons.venus,
              ),
            ),

您的结果:

【讨论】:

它有效。谢谢。 @demonjoseph 如果我的回答解决了您的问题,欢迎您接受并点赞,谢谢

以上是关于Flutter Font Awesome 图标不显示的主要内容,如果未能解决你的问题,请参考以下文章

如何使用Font Awesome字体图标

如何应用Font Awesome矢量字体图标

Vue CLI + Font Awesome 5 Production Build - 无图标(Font Awesome\ 5 免费)

用 font-awesome 将小图标堆叠在大图标上

为网站文字前面添加图标 在线调用 Font Awesome 字体图标 美化网站

font-awesome图标的显示问题