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

Question

我按照此 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

Answer 1

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

如果没有，请更新问题以包含您的 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

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

how to configure pubspec.yaml to add my custom Icons generated from fluttericon?

icons

flutter

flutter-dependencies