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

Question

我按照这篇Medium 文章中的步骤操作，以便能够在 Flutter 应用程序中使用自定义图标，但我发现配置文件以将文件pubspec.yaml添加到依赖项中很棘手，并且出现以下错误：.dart.ttf

\n

 Error on line 45, column 4 of pubspec.yaml: A dependency specification must be a string or a mapping.\n       \xe2\x95\xb7\n    45 \xe2\x94\x82 \xe2\x94\x8c    - family:  RechargeExpress\n    46 \xe2\x94\x82 \xe2\x94\x82      fonts:\n    47 \xe2\x94\x82 \xe2\x94\x82        - asset: fonts/RechargeExpress.ttf\n    48 \xe2\x94\x82 \xe2\x94\x82 \n    49 \xe2\x94\x82 \xe2\x94\x82   # The following line ensures that the Material Icons font is\n    50 \xe2\x94\x82 \xe2\x94\x82   # included with your application, so that you can use the icons in\n    51 \xe2\x94\x82 \xe2\x94\x82   # the material Icons class.\n    52 \xe2\x94\x82 \xe2\x94\x82   uses-material-design: true\n       \xe2\x94\x82 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80^\n       \xe2\x95\xb5\n    pub\n upgrade failed (65;    \xe2\x95\xb5)\n

\n

我的pubspec.yaml：

\n

environment:\n  sdk: ">=2.7.0 <3.0.0"\n\ndependencies:\n  flutter:\n    sdk: flutter\n\n  flutter_localizations:\n    sdk: flutter\n  http:\n \n  cupertino_icons: ^0.1.3\n\ndev_dependencies:\n  flutter_test:\n    sdk: flutter\n  curved_navigation_bar:\n\n  fonts:\n   - family:  RechargeExpress\n     fonts:\n       - asset: fonts/RechargeExpress.ttf\n\n  uses-material-design: true\n

\n

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