Resolution-aware image assets not generated

[SerggioC]

Create the folders for:

• assets/images/1x/
• assets/images/2x/
• assets/images/3x/

Code for the assets in this folders are not generated.

Question: How does flutter gen handle images for different resolutions? This could be done automatically.

[lcdsmao]

Hi @SerggioC! Thanks for using FlutterGen.

Question: How does flutter gen handle images for different resolutions? This could be done automatically.

Actually, this was done automatically. If you arrange the file structure properly then those resolution-aware images will be handled properly by the flutter framework. You can check this post: https://medium.com/@nileshsenta1991/flutter-resolution-aware-image-assets-234c82216cef.

For example:

• Resolution-aware image

  .../brand_logo.png
  .../2.0x/brand_logo.png
  .../3.0x/brand_logo.png

• Pubspec

  flutter:
  assets:
  - assets/brand_logo.png

• Use FlutterGen

  Image(
  image: Assets.brandLogo.image(),
  )

[SerggioC]

Hi @lcdsmao So I was defining this folders in pubspec.yaml, that is the error.

  assets:
    - assets/images/1x/
    - assets/images/2x/
    - assets/images/3x/

So we just need to put the images in the correct density folders (2.0x, 3.0x) and set pubspec:

  assets:
    - assets/images/

And the image is loaded with the correct density.

  image: Assets.brandLogo.image(),

Thanks for the help!