Icônes

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

Flutter est fourni avec plus de mille icônes prêtes à l’emploi. Affiche une icône avec le widget Icon et un nom de Icons :

Icon(Icons.home)
Icon(Icons.search)
Icon(Icons.settings)

De nombreuses icônes existent en plusieurs versions. Icons.star est une étoile pleine, et Icons.star_border n’en est que le contour. Les icônes sont dessinées comme des lettres : elles restent donc nettes quelle que soit leur taille.

Défi

Facile

À côté de Favorites, il y a une étoile. Transforme-la en cœur plein : Icons.favorite.

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: Row(
            mainAxisSize: MainAxisSize.min,
            children: [
              Icon(Icons.star),
              SizedBox(width: 8),
              Text('Favorites', style: TextStyle(fontSize: 24)),
            ],
          ),
        ),
      ),
    );
  }
}