如何在flutter中添加资产映像？

tvokkenx 于 2022-12-05 发布在 Flutter

关注(0)|答案(1)|浏览(152)

要从资产文件夹添加图像，请执行以下简单步骤：
1.创建一个名为assets文件夹（您可以给予任何名称，但首选assets）。
1.在pubspec.yaml中注册资源文件夹及其图像。
1.然后编写以下代码以显示assets文件夹中的图像：

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

1条答案

1.在项目的根目录下是否有一个文件“assets/car.jpg”？这是文件“assets”下的一个文件“car.jpg”
1.在pubspec.yaml文件中（位于项目的根目录），必须添加对该文件夹的引用。您应该能够找到此注解并进行如下修改：

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

缩进是必需的。正斜杠也表示它是一个文件夹，并且是必需的。如果您使用的是VSCode，某种.yaml格式化程序可能会帮助您获得正确的缩进
1.您的代码看起来不错，所以如果您正确地执行了步骤1和2，您应该可以开始了