Farben in Hex

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

Designer geben Farben oft als Hexadezimalcode an, zum Beispiel #6A1B9A: zwei Ziffern für Rot, zwei für Grün, zwei für Blau. In Flutter schreibst du ihn als Color:

Color(0xFF6A1B9A)

0x teilt Dart mit, dass eine Hexadezimalzahl folgt. Vor der Farbe kommen dann noch zwei Ziffern: FF bedeutet vollständig sichtbar. 00 an dieser Stelle würde die Farbe vollständig durchsichtig machen, sodass der Text verschwinden würde. Danach folgen die sechs Ziffern des Hexadezimalcodes.

Aufgabe

Einfach

Unser Designer möchte Coddy in Lila mit dem Farbwert #6A1B9A vollständig sichtbar haben. Setze die color: des Textes auf diese Color.

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('Coddy', style: TextStyle(fontSize: 48, color: Colors.black)),
        ),
      ),
    );
  }
}