Colores en hexadecimal
Parte de la sección Tu primera app del Journey de Flutter de Coddy. Lección 10 de 32.
Los diseñadores suelen indicar los colores con un código hexadecimal, como #6A1B9A: dos dígitos para el rojo, dos para el verde y dos para el azul. En Flutter, lo escribes como un Color:
Color(0xFF6A1B9A)0x le indica a Dart que a continuación viene un número hexadecimal. Después vienen otros dos dígitos antes del color: FF significa que es completamente visible. Si ahí estuviera 00, el color sería completamente transparente, así que el texto desaparecería. Después vienen los seis dígitos del código hexadecimal.
Desafío
FácilNuestro diseñador quiere que Coddy aparezca en el color morado #6A1B9A, completamente visible. Establece el color: del texto en ese Color.
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('Coddy', style: TextStyle(fontSize: 48, color: Colors.black)),
),
),
);
}
}
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