如何将指定的图片资源添加到 pubspec 中，然后将图片加载到 AssetImage 中供应用展示？

Question

我找不到任何地方教如何在资产中添加指定图像。实际上我不知道资产中包含哪些图片，或者如果我想使用来自 Internet 或我自己的照片库的图像，我不知道如何 link 带有资产的图片和在我的代码中应用它。同样，我也不知道包里有什么，比如font_awesome flutter。我如何查看包含的内容？谢谢！我想我已经在评论者的帮助下解决了上述问题，但我还有更多问题出现：为什么我无法加载资产？请看下面的图片。 enter image description here enter image description here

Answer 1

将您的照片放在名为 assets 的文件夹中，如下所示：

将此行添加到您的 pubspec.yaml:

然后把这个放在你的代码中的某个地方：

Image.asset(
        'assets/my_image.png',
        width: 200,
        height: 200,
        fit: BoxFit.contain,
      );

Answer 2

您可以将资产放在项目文件夹的目录中。例如 assets\drawables\ 和 assets\icons\

然后在您的 pubspec.yaml 中您应该声明该文件夹。在这个例子中：

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

在您的代码中，您可以按如下方式使用它们：

Image.asset(
            'assets/drawables/image.png',
            width: 200,
          ),

对于你的第二个问题，我想你只有两个选择：要么寻找图书馆文档/网站，例如 www.fontawesome.com（免费图标是图书馆中的那个）。或者自己看看code/package

如何将指定的图片资源添加到 pubspec 中，然后将图片加载到 AssetImage 中供应用展示？

How can add a specified image asset to pubspec and then load the image to AssetImage for the app to present?

assets

package

flutter