Image

Displays an Image from a local or remote source, handles caching, loading and errors.

Component source </>

Installation

To install with Mason CLI, run the following:

mason make flex_ui --component image

To install manually, copy and paste the component source files linked at the top of this page into your Flutter project.

Dependencies

This component uses the following dependencies by default:

1. CachedNetworkImage for increased performance
2. Shimmer to display a nice animation while loading

Examples

Default

Preview

Code

FlexImage(
 'https://unsplash.it/640/320',
 width: 640,
 height: 320,
),