Couleurs en hexadécimal

Fait partie de la section Votre première application du Journey Flutter de Coddy. Leçon 10 sur 32.

Les concepteurs indiquent souvent les couleurs sous forme de code hexadécimal, comme #6A1B9A : deux chiffres pour le rouge, deux pour le vert, deux pour le bleu. Dans Flutter, vous l’écrivez ainsi avec Color :

Color(0xFF6A1B9A)

0x indique à Dart qu’un nombre hexadécimal suit. Viennent ensuite deux chiffres avant la couleur : FF signifie que la couleur est entièrement visible. 00 à cet endroit rendrait la couleur complètement transparente, et le texte disparaîtrait donc. Après cela viennent les six chiffres du code hexadécimal.

Défi

Facile

Notre designer veut que Coddy soit violet #6A1B9A et entièrement visible. Définissez la color: du texte sur cette Color.

Essayez vous-même

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