ImageX

Just a lazy image widget that accepts any path of Asset, Path, Url to load all image types including SVG.



Takes these named paramters:

  • String path required path to image. It could be Asset, Path, or Url
  • double? height optional widget height.
  • double? width optional widget width.
  • double scale optional image scale to the size with default value = 1.
  • BorderRadius borderRadius optional borderRadius with default value = BorderRadius.zero
  • BoxDecoration? decoration optional decoration.
  • BoxFit? fit optional fit with default value = BoxFit.contain
  • Widget? loadingWidget optional loading widget.
  • Widget? errorWidget fallback error widget with default value of x icon
  • Color? svgColor in case of SVG you can optionally set color
  • VoidCallback? onPressed optional onPressed callback function.



Example:

class MyLogo extends StatelessWidget {
  const MyLogo({super.key});

  @override
  Widget build(BuildContext context) {
    return const ImageX(
      path: 'assets/images/logo.svg',
      height: 200,
      width: 200,
      scale: .66,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(100),
        border: Border.all(width: 2, color: Colors.blue),
      ),
      svgColor: Colors.blue,
    );
  }
}

Libraries

image_x