0

我想显示一些本地图像并将其显示在屏幕上，如下所示：

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

但我看不到屏幕上的图像，我根本没有收到任何错误。

这是我所做的：

在我的pubspec.yaml我添加了我的图像文件夹，如下所示：

  assets:
    - lib/assets/images/

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

在此处输入图像描述

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

  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{
     ......
     ......
     ......
   }

我只能看到没有图像的文本：

在此处输入图像描述

对我来说没有帮助的解决方案：

AssetImage 未在颤振应用程序中显示图像

添加资产和图像

在列中使用“new Image.asset”时没有出现法师

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

4

3 回答 3

3

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

Image(image: AssetImage('lib/assets/images/addFood.png'))
于 2020-07-25T15:23:49.647 回答
1

它应该是

flutter:
   assets:
     - assets/images/

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

Image.asset('assets/images/lake.jpg')
于 2020-07-25T15:05:20.503 回答
0

像这样更新pubspec.yaml文件

   assets:
     - directory/subdirectory/
于 2020-07-25T15:01:39.530 回答