SvgPicture constructor

const SvgPicture(
  1. PictureProvider pictureProvider, {
  2. Key? key,
  3. double? width,
  4. double? height,
  5. BoxFit fit = BoxFit.contain,
  6. AlignmentGeometry alignment = Alignment.center,
  7. bool matchTextDirection = false,
  8. bool allowDrawingOutsideViewBox = false,
  9. WidgetBuilder? placeholderBuilder,
  10. ColorFilter? colorFilter,
  11. String? semanticsLabel,
  12. bool excludeFromSemantics = false,
  13. Clip clipBehavior = Clip.hardEdge,
  14. bool cacheColorFilter = false,
  15. SvgTheme? theme,
})

Instantiates a widget that renders an SVG picture using the pictureProvider.

Either the width and height arguments should be specified, or the widget should be placed in a context that sets tight layout constraints. Otherwise, the image dimensions will change as the image is loaded, which will result in ugly layout changes.

If matchTextDirection is set to true, the picture will be flipped horizontally in TextDirection.rtl contexts.

The allowDrawingOutsideOfViewBox parameter should be used with caution - if set to true, it will not clip the canvas used internally to the view box, meaning the picture may draw beyond the intended area and lead to undefined behavior or additional memory overhead.

A custom placeholderBuilder can be specified for cases where decoding or acquiring data may take a noticeably long time, e.g. for a network picture.

The semanticsLabel can be used to identify the purpose of this picture for screen reading software.

If excludeFromSemantics is true, then semanticLabel will be ignored.

Implementation

const SvgPicture(
  this.pictureProvider, {
  Key? key,
  this.width,
  this.height,
  this.fit = BoxFit.contain,
  this.alignment = Alignment.center,
  this.matchTextDirection = false,
  this.allowDrawingOutsideViewBox = false,
  this.placeholderBuilder,
  this.colorFilter,
  this.semanticsLabel,
  this.excludeFromSemantics = false,
  this.clipBehavior = Clip.hardEdge,
  this.cacheColorFilter = false,
  this.theme,
}) : super(key: key);