时间戳

首页 > 解决方案 > icon_fonts 在我的颤振应用程序中不起作用

flutter - icon_fonts 在我的颤振应用程序中不起作用

问题描述

我已经在我的颤振应用程序中下载了我需要的图标，并且在 pubspec.yaml 中指定了 file.ttf 的路径后，图标没有出现在我的应用程序中

这是代码

import 'package:flutter/widgets.dart';


class CustomizedIcons{

  static const IconData stock_type1 = const  IconData(0xe900,fontFamily: 
         "iconication");
  static const IconData stock_type2 = const  IconData(0xe901,fontFamily: 
         "iconication");
  static const IconData business_deal = const  IconData(0xe902,fontFamily: 
         "iconication");
  static const IconData sales_growth = const  IconData(0xe903,fontFamily: 
         "iconication");
  static const IconData sales_rep = const  IconData(0xe904,fontFamily: 
         "iconication");
   static const IconData alert = const  IconData(0xe905,fontFamily: 
          "iconication");
  static const IconData business_clients = const  
     IconData(0xe906,fontFamily: "iconication");

}

这是 pubspec.yaml 文件代码

 # example:
  # fonts:
  #   - family: Schyler
  #     fonts:
  #       - asset: fonts/Schyler-Regular.ttf
  #       - asset: fonts/Schyler-Italic.ttf
  #         style: italic
  #   - family: Trajan Pro
  #     fonts:
  #       - asset: fonts/TrajanPro.ttf
  #       - asset: fonts/TrajanPro_Bold.ttf
  #         weight: 700
  #
  # For details regarding fonts from package dependencies,
  # see https://flutter.dev/custom-fonts/#from-packages
fonts:
  - family: iconication
    fonts:
      - asset: icons\ic_iconication.ttf

标签： fluttericon-fonts

解决方案

这是一个老问题，但我花了几个小时寻找答案，但很难找到。因此，这是帮助他人的解决方案。

在 pubspec.yaml 上，fonts属性必须位于flutter正确嵌套的下方和内部。例子：

flutter:
  fonts:
   - family: iconication
     fonts:
      - asset: icons/ic_iconication.ttf

推荐阅读