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

【问题标题】：How to add flutter image from local folder stored in assets如何从存储在资产中的本地文件夹添加颤动图像
【发布时间】：2020-05-17 09:48:36
【问题描述】：

我在 assets/images 文件中存储了本地图像，还添加了 pubspcs.yml
资产： - Assets/images/ 但我正在从另一个 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 文件夹中的图像中取而代之

【问题讨论】：

您的问题不清楚。您想要从 URL 中获取的图像的占位符吗？
@SanjaySharma 我已将本地图像存储在 assets/images 文件夹中，我正在使用 listview 中的 dummy.dart 文件中的 imageURL 获取一些值。如果我给出 http://...someonlineimage ...图像正在显示...但我想从本地文件夹添加图像
可以分享MealItem的代码
类 MealItem 扩展 StatelessWidget { final String imageUrl; MealItem({ @required this.imageUrl, });
你是认真的吗？这不是MealItem 的完整代码:)

标签： android flutter dart flutter-dependencies

【解决方案1】：

您可以使用资产图像作为默认图像。

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

把它放在 pubspec.yaml 中

  assets:
  - assets/place_holder.jpg

【讨论】：

嗨，sanjay，如果我想从 assets/images 文件夹中添加多张图片并将其渲染到assetNetwork，您能否提供更多信息...我有超过 100 张图片
添加- assets/img/并将所有图片放入img文件夹

【解决方案2】：

使用ImageProvider解析图像。

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

可能你在MealItem有类似的东西：

Image.network(imageUrl)

你可以使用ImageProvider:

Image(image: imageProvider)

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

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

【讨论】：