颤振图像未显示

时间:2020-11-08 11:13:15

标签: flutter dart flutter-layout flutter-assetimage

图像未显示。运行时,它显示此错误,但运行时没有图像。我在“-”和图像路径之间使用了制表符。我还创建了一个名为Assets的文件夹和一个子文件夹slider_icons,并将其中包含我的图像。

这正是我的pubspec.yaml的样子,

flutter:

  uses-material-design: true

  assets:
  - assets/slider_icons/burger.png
  - assets/slider_icons/pizza.png
  - assets/slider_icons/biryani.png
  - assets/slider_icons/parotta.jpeg
  - assets/slider_icons/cup.png
  - assets/slider_icons/drink.png
  - assets/slider_icons/chicken-fries.png

错误:-

[foodie] flutter pub get

在pubspec.yaml中检测到错误: 第48行第7列错误:解析块映射时需要键。 ╷ 48│资产: │^ ╵ 请在F:\ Learn flutter \ foodie \ pubspec.yaml中更正pubspec.yaml文件。 退出代码1

This is the screen shot of my screen

2 个答案:

答案 0 :(得分:0)

在Flutter中包含图像的方法是:

flutter:
  assets:
    - assets/my_icon.png
    - assets/background.png

您还必须创建一个目录,您可以在其中放置资源。

答案 1 :(得分:0)

assets:一词必须恰好位于#的下方,-需要两个空格。此外,当您使用同一文件夹中的图像时,您可以使用一行添加所有图像,如下所示。

应如何写:

# To add assets to your application, add an assets section, like this:
assets:
  - assets/slider_icons/