Loading assets: Loading images

  • Flutter can load resolution-appropriate images for the current device pixel ratio.
  • To load an image, use the AssetImage class in a widget’s build method. 
    Widget build(BuildContext context) {
  return Image(image: AssetImage('graphics/background.png'));
}
  • AssetImage understands how to map a logical requested asset onto one that most closely matches the current device pixel ratio. In order for this mapping to work, assets should be arranged according to a particular directory structure:. 
    .../image.png
  .../Mx/image.png
  .../Nx/image.png
  ...etc
    Where M and N are numeric identifiers that correspond to the nominal resolution of the images contained within. In other words, they specify the device pixel ratio that the images are intended for.

Related concepts

→
Loading images

Loading assets: Loading images — Structure map

Clickable & Draggable!

Loading assets: Loading images — Related pages:

Adding assets and images