Displaying images is fundamental for most mobile apps. Flutter provides theImage widget to display different types of images.

To work with images from a URL, use theImage.network() constructor.

Image.network('https://picsum.photos/250?image=9'),

One useful thing about theImage widget: It supports animated gifs.

Image.network('https://docs.flutter.dev/assets/images/dash/dash-fainting.gif',);

The defaultImage.network constructor doesn't handle more advanced functionality, such as fading images in after loading. To accomplish this task, check outFade in images with a placeholder.

• Fade in images with a placeholder

import 'package:flutter/material.dart';void main() => runApp(const MyApp());class MyApp extends StatelessWidget {  const MyApp({super.key});  @override  Widget build(BuildContext context) {    var title = 'Web Images';    return MaterialApp(      title: title,      home: Scaffold(        appBar: AppBar(title: Text(title)),        body: Image.network('https://picsum.photos/250?image=9'),      ),    );  }}