Color del texto
Parte de la sección Tu primera app del Journey de Flutter de Coddy. Lección 9 de 32.
El color: de un TextStyle establece el color de las letras. Flutter tiene una lista de colores lista para usar llamada Colors:
Text(
'Go',
style: TextStyle(color: Colors.green),
)Escribe Colors. y el nombre: Colors.red, Colors.blue, Colors.orange, Colors.purple y muchos más. Algunos tienen una variante más clara que termina en Accent, como Colors.redAccent. Ese es un color diferente.
Desafío
FácilHaz que Stop sea rojo: agrega color: Colors.red a su TextStyle.
Pruébalo tú mismo
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)),
),
),
);
}
}
Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Tu primera app
1Hola, Flutter
¿Qué es Flutter?Cambia el textoEl árbol de widgetsScaffold y AppBarCadenas y comillasComentarios7Proyecto: Tarjeta de presentación
Tarjeta de presentación: DiseñoTarjeta de presentación: EstiloPractica por tu cuenta: Compilador de Flutter online