Image constructor

Image({
  1. required String src,
  2. String alt = '',
  3. Object? width,
  4. Object? height,
  5. String? srcSet,
  6. String? sizes,
  7. ImageLoading loading = ImageLoading.lazy,
  8. ImageDecoding decoding = ImageDecoding.async,
  9. String? fetchPriority,
  10. String? referrerPolicy,
  11. String? crossOrigin,
  12. String? className,
  13. Map<String, Object?> props = const {},
  14. Map<String, Object?> style = const {},
  15. DartStyle? dartStyle,
})

Creates an image from src with accessibility and loading options.

Implementation

Image({
  required String src,
  String alt = '',
  Object? width,
  Object? height,
  String? srcSet,
  String? sizes,
  ImageLoading loading = ImageLoading.lazy,
  ImageDecoding decoding = ImageDecoding.async,
  String? fetchPriority,
  String? referrerPolicy,
  String? crossOrigin,
  String? className,
  Map<String, Object?> props = const {},
  Map<String, Object?> style = const {},
  DartStyle? dartStyle,
}) : super(
        'img',
        props: mergeComponentProps(
          {
            ...props,
            'src': src,
            'alt': alt,
            if (width != null) 'width': cssValue(width),
            if (height != null) 'height': cssValue(height),
            if (srcSet != null) 'srcset': srcSet,
            if (sizes != null) 'sizes': sizes,
            'loading': loading.value,
            'decoding': decoding.value,
            if (fetchPriority != null) 'fetchpriority': fetchPriority,
            if (referrerPolicy != null) 'referrerpolicy': referrerPolicy,
            if (crossOrigin != null) 'crossorigin': crossOrigin,
          },
          className: className,
          defaultStyle: const {'display': 'block', 'max-width': '100%'},
          dartStyle: dartStyle,
          style: style,
        ),
      );