Menu
CoddyTech

Couleur du texte

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

La color: d’un TextStyle définit la couleur des lettres. Flutter propose une liste de couleurs prête à l’emploi appelée Colors :

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

Saisis Colors. suivi du nom : Colors.red, Colors.blue, Colors.orange, Colors.purple et bien d’autres. Certaines ont une variante plus claire avec Accent à la fin, comme Colors.redAccent. Il s’agit d’une couleur différente.

challenge icon

Défi

Facile

Rends Stop rouge : ajoute color: Colors.red à son TextStyle.

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('Stop', style: TextStyle(fontSize: 48)),
        ),
      ),
    );
  }
}
quiz iconTestez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Votre première application

Entraînez-vous par vous-même : Compilateur Flutter en ligne