Colori in esadecimale

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

Spesso i designer indicano i colori con un codice esadecimale, come #6A1B9A: due cifre per il rosso, due per il verde, due per il blu. In Flutter lo scrivi così: Color:

Color(0xFF6A1B9A)

0x indica a Dart che segue un numero esadecimale. Poi, prima del colore, ci sono altre due cifre: FF significa completamente visibile. 00 renderebbe il colore completamente trasparente, quindi il testo scomparirebbe. Dopo vengono le sei cifre del codice esadecimale.

Sfida

Facile

Il nostro designer vuole che Coddy sia viola #6A1B9A e completamente visibile. Imposta color: del testo su quel Color.

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