Images du Web

Fait partie de la section Votre première application du Journey Flutter de Coddy. Leçon 27 sur 32.

Image.network affiche une image depuis une adresse Web :

Image.network('https://picsum.photos/id/10/300/200')

L’application télécharge l’image pendant son exécution ; elle peut donc apparaître un instant après le reste de l’écran. Une width: définit sa largeur à l’affichage, et sa hauteur s’ajuste pour conserver ses proportions :

Image.network('https://picsum.photos/id/10/300/200', width: 150)

Les images intégrées à l’application elle-même utilisent Image.asset. Tu découvriras cette méthode lorsque tu créeras ton propre projet.

Défi

Facile

Affiche cette image au-dessus de la légende, comme premier enfant de la Column :

https://picsum.photos/id/237/300/200

Essayez vous-même

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text('A good dog', style: TextStyle(fontSize: 24)),
            ],
          ),
        ),
      ),
    );
  }
}