FadeInImage.assetNetwork constructor

  1. {Key? key,
  2. required String placeholder,
  3. ImageErrorWidgetBuilder? placeholderErrorBuilder,
  4. required String image,
  5. ImageErrorWidgetBuilder? imageErrorBuilder,
  6. AssetBundle? bundle,
  7. double? placeholderScale,
  8. double imageScale = 1.0,
  9. bool excludeFromSemantics = false,
  10. String? imageSemanticLabel,
  11. Duration fadeOutDuration = const Duration(milliseconds: 300),
  12. Curve fadeOutCurve = Curves.easeOut,
  13. Duration fadeInDuration = const Duration(milliseconds: 700),
  14. Curve fadeInCurve = Curves.easeIn,
  15. double? width,
  16. double? height,
  17. BoxFit? fit,
  18. Color? color,
  19. BlendMode? colorBlendMode,
  20. Color? placeholderColor,
  21. BlendMode? placeholderColorBlendMode,
  22. BoxFit? placeholderFit,
  23. FilterQuality filterQuality = FilterQuality.low,
  24. FilterQuality? placeholderFilterQuality,
  25. AlignmentGeometry alignment = Alignment.center,
  26. ImageRepeat repeat = ImageRepeat.noRepeat,
  27. bool matchTextDirection = false,
  28. int? placeholderCacheWidth,
  29. int? placeholderCacheHeight,
  30. int? imageCacheWidth,
  31. int? imageCacheHeight}

Creates a widget that uses a placeholder image stored in an asset bundle while loading the final image from the network.

The placeholder argument is the key of the image in the asset bundle.

The image argument is the URL of the final image.

The placeholderScale and imageScale arguments are passed to their respective ImageProviders (see also ImageInfo.scale).

If placeholderScale is omitted or is null, pixel-density-aware asset resolution will be attempted for the placeholder image. Otherwise, the exact asset specified will be used.

If placeholderCacheWidth, placeholderCacheHeight, imageCacheWidth, or imageCacheHeight are provided, it indicates to the engine that the respective image should be decoded at the specified size. The image will be rendered to the constraints of the layout or width and height regardless of these parameters. These parameters are primarily intended to reduce the memory usage of ImageCache.

See also:

  • Image.asset, which has more details about loading images from asset bundles.
  • Image.network, which has more details about loading images from the network.


  required String placeholder,
  required String image,
  AssetBundle? bundle,
  double? placeholderScale,
  double imageScale = 1.0,
  this.excludeFromSemantics = false,
  this.fadeOutDuration = const Duration(milliseconds: 300),
  this.fadeOutCurve = Curves.easeOut,
  this.fadeInDuration = const Duration(milliseconds: 700),
  this.fadeInCurve = Curves.easeIn,
  this.filterQuality = FilterQuality.low,
  this.alignment = Alignment.center,
  this.repeat = ImageRepeat.noRepeat,
  this.matchTextDirection = false,
  int? placeholderCacheWidth,
  int? placeholderCacheHeight,
  int? imageCacheWidth,
  int? imageCacheHeight,
}) : placeholder = placeholderScale != null
       ? ResizeImage.resizeIfNeeded(placeholderCacheWidth, placeholderCacheHeight, ExactAssetImage(placeholder, bundle: bundle, scale: placeholderScale))
       : ResizeImage.resizeIfNeeded(placeholderCacheWidth, placeholderCacheHeight, AssetImage(placeholder, bundle: bundle)),
     image = ResizeImage.resizeIfNeeded(imageCacheWidth, imageCacheHeight, NetworkImage(image, scale: imageScale));