Flutter 图像未显示

Question

我想显示一些本地图像并像这样显示在屏幕上：

 Image(image: AssetImage('assets/images/addFood.png'))

但是我在屏幕上看不到图像，而且完全没有错误。

这是我所做的：

在我的 pubspec.yaml 中，我添加了这样的图像文件夹：

  assets:
    - lib/assets/images/

名为“addFood”的图像位于 images 文件夹中，您可以在此处看到：

我想在下面显示一个带有图像的简单文本，我可以在屏幕上看到文本，我是这样做的：

  Widget build(BuildContext context) {

    if (favoriteMeals.isEmpty)

    return Column(children: <Widget>[
      Text('no favorites',style: Theme.of(context).textTheme.title,),
      Image(image: AssetImage('assets/images/addFood.png'))
    ]);

    else{
     ......
     ......
     ......
   }

只有文字没有图片:

对我的情况没有帮助的解决方案：

Adding assets and images

mage Not Appearing when Using "new Image.asset" inside a Column

如何修复它并确保图像显示在屏幕上？

Answer 1

像这样更新 pubspec.yaml 文件

   assets:
     - directory/subdirectory/

Answer 2

应该是

flutter:
   assets:
     - assets/images/

从 pubspec.yaml 路径中删除库。并在代码使用中获取图像，

Image.asset('assets/images/lake.jpg')

Answer 3

在代码中访问资产时，您需要提供资产的完整路径。访问资产时没有任何暗示。您的实际路径是 lib/assets/images/，但您只执行 assets/images/。更改您的代码以包含此内容：

Image(image: AssetImage('lib/assets/images/addFood.png'))

Flutter 图像未显示

Flutter image is not showing

flutter

flutter-layout

flutter-image

flutter-assetimage

这是我所做的：

对我的情况没有帮助的解决方案：