Как управлять / добавлять несколько разрешений / размеров изображений во флаттере для отзывчивого пользовательского интерфейса

У меня есть все эти размеры изображения, как правильно использовать для адаптивного макета? ldpi 0,75x mdpi 1,0x hdpi 1,5x xhdpi 2,0x xxhdpi 3,0x xxxhdpi 4,0x

1 ответ

Приносим извинения за поздний ответ, но вам нужно расположить свои изображения в соответствии с шаблоном флаттера.

Итак, если вы установите путь к изображению на pubspec.yaml примерно так:

flutter:
  assets:
    - images/

Вам просто нужно расположить свои файлы следующим образом:

  • images/0.75x/my_icon.png (ldpi внутри папки 0,75x)
  • images/my_icon.png (mdpi прямо внутри изображений)
  • images/1.5x/my_icon.png (hdpi внутри папки 1.5x)
  • images/2.0x/my_icon.png (xhdpi внутри папки 2.0x)
  • images/3.0x/my_icon.png (xxhdpi внутри папки 3.0x)
  • images/4.0x/my_icon.png (xxxhdpi внутри папки 4.0x)

И когда вы используете Image.asset("images/my_image.png") flutter автоматически назначит правильный актив.

Другие вопросы по тегам