如何在flutter中添加资源图片？

Question

要从资产文件夹添加图像，请按照以下简单步骤操作：

1. 创建一个名为 asset 的文件夹（你可以给任何名称，但最好是 asset ）。
2. 在 pubspec.yaml 中注册您的资产文件夹及其图像。
3. 然后编写此代码以显示资产文件夹中的图像：

 Image(
          image: AssetImage(
            'assets/car.jpg',
          ),
          fit: BoxFit.fitHeight,
        ),

Answer 1

要从资产文件夹添加图像，请按照以下步骤操作：

创建一个名为assets的文件夹，并将您想要的照片放入其中。 在 pubspec.yaml 中注册 asset 文件夹。如下：

assets:
  - assets/

然后编写以下代码以显示资产文件夹中的图像：

Image.asset('assets/orange.jpg'),

Answer 2

1. 您的项目根目录中有文件“assets/car.jpg”吗？这是“assets”文件夹下的一个文件“car.jpg”

2. 在 pubspec.yaml 文件（位于项目的根目录）中，您必须添加对该文件夹的引用。您应该能够找到此评论并进行如下修改：

  # To add assets to your application, add an assets section, like this:
  assets:
      - assets/

需要缩进。正斜杠还表示它是一个文件夹，并且是必需的。如果您使用 VSCode，某种 .yaml 格式化程序可能会帮助您获得正确的缩进

3. 您的代码看起来不错，所以如果您正确执行步骤 1 和 2，您应该可以开始了