Iconos

Parte de la sección Tu primera app del Journey de Flutter de Coddy. Lección 25 de 32.

Flutter incluye más de mil iconos listos para usar. Muestra uno con el widget Icon y un nombre de Icons:

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

Muchos iconos tienen varias versiones. Icons.star es una estrella rellena y Icons.star_border es solo su contorno. Los iconos se dibujan como letras, así que se mantienen nítidos en cualquier tamaño.

Desafío

Fácil

Junto a Favorites hay una estrella. Conviértela en un corazón relleno: Icons.favorite.

Pruébalo tú mismo

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