Menu
CoddyTech

Textfarbe

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

Die color: eines TextStyle legt die Farbe der Buchstaben fest. Flutter bietet eine fertige Farbliste namens Colors:

Text(
  'Go',
  style: TextStyle(color: Colors.green),
)

Gib Colors. und den Namen ein: Colors.red, Colors.blue, Colors.orange, Colors.purple und viele weitere. Einige haben ein helleres Gegenstück mit Accent am Ende, wie Colors.redAccent. Das ist eine andere Farbe.

challenge icon

Aufgabe

Einfach

Färbe Stop rot: Füge color: Colors.red zu seinem TextStyle hinzu.

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: Text('Stop', style: TextStyle(fontSize: 48)),
        ),
      ),
    );
  }
}
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Deine erste App

Übe selbstständig: Online-Flutter-Compiler