Symbole

Teil des Abschnitts Deine erste App der Flutter-Journey von Coddy. Lektion 25 von 32.

Flutter enthält mehr als tausend fertige Symbole. Zeige eines mit dem Widget Icon und einem Namen aus Icons an:

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

Viele Symbole gibt es in mehreren Varianten. Icons.star ist ein ausgefüllter Stern, und Icons.star_border zeigt nur seinen Umriss. Symbole werden wie Buchstaben gezeichnet und bleiben deshalb bei jeder Größe scharf.

Aufgabe

Einfach

Neben Favorites befindet sich ein Stern. Verwandle ihn in ein ausgefülltes Herz: Icons.favorite.

Probier es selbst

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