Flutter – 资产图片

在Flutter中，开发者可以使用内置的资源管理器来引用一个应用中的内部资源，如图像、字体和文本文件等。Flutter使用pubspec.yaml文件来管理这些资源.

在pubspec.yaml文件中引用资产图片

要在Flutter中使用图片，您需要将这些图像文件添加到您的项目中，并通过处理它们(例如裁剪和调整大小等)为其创建各种分辨率。然后，将这些图像资源添加到pubspec.yaml文件中。（请注意，pubspec是在Flutter项目中的标准配置。）

在pubspec.yaml文件中，您可以使用以下格式来引用图像资源。

flutter:
  assets:
    - assets/images/my_image.png

图像资源需要在对应的文件夹内。

assets
  - images
      - my_image.png

在代码中使用资产图片

在您的Flutter应用程序中引用图像资源时，您只需使用相应的AssetImage控件即可。

AssetImage('assets/images/my_image.png')

请注意，这个空格是必须的。

在Flutter中使用本地和远程图像

在Flutter中，您可以使用本地图像和远程图像。在Flutter中使用远程图像时，您必须使用一个外部包，称为cached_network_image。但是，要在应用程序中调用图像时，请按照以下格式对本地图像和远程图像进行引用。例如，

      // 引用本地图像
      AssetImage('assets/images/my_image.png'),

      // 引用远程图像
      NetworkImage('https://picsum.photos/250?image=9'),

引用本地图像时使用AssetImage控件，引用远程图像时使用NetworkImage控件。

总结

谨记在pubspec.yaml文件中引用图像资源，并在您的代码中使用相应的AssetImage或NetworkImage控件，就可以在您的Flutter应用程序中轻松使用资产图片。