抖动图像未显示

时间:2020-07-25 14:53:56

标签: flutter flutter-layout flutter-image flutter-assetimage

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

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

但是我看不到屏幕上的图像,也没有出现任何错误。

这是我所做的:

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

  assets:
    - lib/assets/images/

名为“ addFood”的图像位于images文件夹中,如您在此处看到的那样:

enter image description here

我想在其下显示带有图像的简单文本,我可以在屏幕上看到该文本,并且我正在这样做:

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

我所看到的只是没有图像的文字:

enter image description here

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

AssetImage is not not displaying image in flutter app

Adding assets and images

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

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

3 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:1)

应该是

flutter:
   assets:
     - assets/images/

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

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

答案 2 :(得分:0)

像这样更新pubspec.yaml文件

   assets:
     - directory/subdirectory/