Icone

Fa parte della sezione La tua prima app del percorso Flutter di Coddy. Lezione 25 di 32.

Flutter include più di mille icone pronte all'uso. Mostrane una con il widget Icon e un nome da Icons:

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

Molte icone sono disponibili in diverse versioni. Icons.star è una stella piena, mentre Icons.star_border è solo il suo contorno. Le icone vengono disegnate come lettere, quindi restano nitide a qualsiasi dimensione.

Sfida

Facile

Accanto a Favorites c’è una stella. Trasformala in un cuore pieno: Icons.favorite.

Provalo tu

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)),
            ],
          ),
        ),
      ),
    );
  }
}