我想显示一些本地图像并将其显示在屏幕上,如下所示:
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{
......
......
......
}
我所看到的只是没有图像的文字:
AssetImage is not not displaying image in flutter app
mage Not Appearing when Using "new Image.asset" inside a Column
如何修复它并确保图像将显示在屏幕上?
答案 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/