custom_image_view 5.0.2 custom_image_view: ^5.0.2 copied to clipboard
A Flutter package for displaying images, including network images with caching, SVG, and asset images.
CustomImageView #
CustomImageView is a Flutter package that provides a versatile widget for displaying various types of images, including network images, local files, SVGs, etc. It offers customization options for image properties and interaction, making it easy to integrate into your Flutter projects.
Features #
- Display images from different sources: network, local files[XFile, File], SVGs, etc.
- Customization options for image properties such as height, width, color, fit, etc.
- Placeholder image support for cases where the image is not available.
- Support for onTap callback for user interaction.
- Additional features like margin, border radius, and border styles.
- Blend mode for applying color filters to SVG images.
- Efficient network image loading using
CachedNetworkImage
widget. - Error handling features added in version 4.0.0:
- Custom error widget with
errorWidget
parameter. - Error builder function with
errorBuilder
parameter.
- Custom error widget with
Getting Started #
To use this package, add custom_image_view
as a dependency in your pubspec.yaml
file.
class DemoApp extends StatelessWidget {
const DemoApp({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: CustomImageView(
url: 'Network url',
file: File('File path'),
imagePath: 'Image path',
svgPath: 'Svg path',
height: 100,
width: 100,
color: Colors.red,
fit: BoxFit.contain,
alignment: Alignment.center,
onTap: () {},
radius: BorderRadius.circular(10),
margin: const EdgeInsets.all(1),
placeHolder: 'Error asset image path',
)));
}
}
dependencies:
custom_image_view: ^4.0.0