Question

我已经将本地图像存储在资产/图像文件中，并且还添加了pubspcs.yml
资产： -资产/图片/，但是我正在从另一个像这样的dummy.dart文件中获取值

return Scaffold(
        backgroundColor: Colors.white,
        appBar: AppBar(title: Text(categoryTitle)),
        body: ListView.builder(
          itemBuilder: (ctx, index) {
            return MealItem(
              id: displayedMeals[index].id,
              title: displayedMeals[index].title,
              **imageUrl: displayedMeals[index].imageUrl,**
              duration: displayedMeals[index].duration,
              affordability: displayedMeals[index].affordability,
              complexity: displayedMeals[index].complexity,
           // removeItem: _removeMeal,
            );
                /* Text(categoryMeals[index].title) */;
          },
          itemCount: displayedMeals.length,
        )
 );

并且我希望图像带有此索引文件，该文件是我从dummy.dart获取的

 imageUrl:
        'https://www.whiskaffair.com/wp-content/uploads/2018/02/Hyderabadi-Mutton-Biryani-6.jpg',

我想从assets/images文件夹中的图像中获取该信息

Answer 1

您可以将资产图片用作默认图片。

 child: new Container(
      child: FadeInImage.assetNetwork(
          placeholder: 'place_holder.jpg',
          image:url
      )
  )

将此内容放入pubspec.yaml

  assets:
  - assets/place_holder.jpg

Answer 2

使用ImageProvider解析图像。

针对不同图像来源有很多具体实现：FileImage，AssetImage，NetworkImage，MemoryImage等。在Image类上也有关联的工厂构造函数。

在MealItem中可能有类似的内容：

Image.network(imageUrl)

您可以使用ImageProvider：

Image(image: imageProvider)

或直接在构造函数中提供Image小部件。

无论如何，您应该知道使用适当的ImageProvider实现或Image构造函数的图片来源。

如何从存储在资产中的本地文件夹添加抖动图像

2 个答案: