如何配置pubspec.yaml以添加从fluttericon生成的自定义图标？

编程问答 2022-08-13

问题描述

我遵循了此Medium Article中的步骤，以便能够在Flutter应用程序中使用自定义图标，但是我发现配置pubspec.yaml文件以添加.dart文件和.ttf到依赖项，我得到以下错误：

 Error on line 45,column 4 of pubspec.yaml: A dependency specification must be a string or a mapping.
       ╷
    45 │ ┌    - family:  RechargeExpress
    46 │ │      fonts:
    47 │ │        - asset: fonts/RechargeExpress.ttf
    48 │ │ 
    49 │ │   # The following line ensures that the Material Icons font is
    50 │ │   # included with your application,so that you can use the icons in
    51 │ │   # the material Icons class.
    52 │ │   uses-material-design: true
       │ └──^
       ╵
    pub
 upgrade Failed (65;    ╵)

我的pubspec.yaml：

environment:
  sdk: ">=2.7.0 <3.0.0"

dependencies:
  Flutter:
    sdk: Flutter

  Flutter_localizations:
    sdk: Flutter
  http:
 
  cupertino_icons: ^0.1.3

dev_dependencies:
  Flutter_test:
    sdk: Flutter
  curved_navigation_bar:

  fonts:
   - family:  RechargeExpress
     fonts:
       - asset: fonts/RechargeExpress.ttf

  uses-material-design: true

解决方法

您似乎正在将字体添加为依赖项。检查this，看看是否有帮助。

如果没有，请更新问题以包括您的pubspec.yaml文件

编辑：对于字体，您将其放置在

下 
flutter:
  fonts:

编辑2：

好的，因此您可以看到fonts:下的dev_dependencies:应该在flutter下。这是它的外观

environment:
  sdk: ">=2.7.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter

  flutter_localizations:
    sdk: flutter
  http:

  cupertino_icons: ^0.1.3

dev_dependencies:
  flutter_test:
    sdk: flutter
  curved_navigation_bar:

flutter:
  fonts:
   - family:  RechargeExpress
     fonts:
       - asset: fonts/RechargeExpress.ttf
   
  uses-material-design: true
flutter-dependenciesicons