Адаптация разрешения изображения флаттера

Чтобы добиться наилучшего отображения, мы обычно отображаем изображения разных размеров на экранах с разным разрешением в процессе разработки.

Хранение ресурсов изображения

Создать проект в проектеassetsПапки используются для хранения файлов ресурсов.В папку ресурсов можно поместить любой тип файлов.Чтобы различать, мы создадим еще одинimagesподпапка для хранения изображений. Чтобы решить проблему разрешения, нам также необходимоimagesсоздать папку2.0xа также3.0xДве подпапки для хранения графиков 2x и 3x.

положитьlist.pngПоместите его в проект Flutter, вам нужно поместить изображение 1x вimagesНиже другие мультипликаторы размещены в соответствующих подпапках.

assets/images/list.png       // 1倍图
assets/images/2.0x/list.png  // 2倍图
assets/images/3.0x/list.png  // 3倍图

Объявить ресурсы изображения

идтиpubspec.yamlЭтот ресурс изображения объявлен в файле.

четкий комментарий, обратите вниманиеassetsПеред ним есть пробел, его нужно сдвинуть влево целиком, иначе будет рапортError on line 49, column 4 of pubspec.yaml: Expected a key while parsing a block mapping.ошибка.

инструкции

Просто назовите его там, где вам нужно его использовать.

Image.asset("assets/images/list.png");