Cores em hexadecimal
Parte da seção Seu primeiro app do Journey de Flutter da Coddy. Lição 10 de 32.
Designers costumam fornecer cores como um código hexadecimal, como #6A1B9A: dois dígitos para vermelho, dois para verde e dois para azul. No Flutter, você escreve assim: Color:
Color(0xFF6A1B9A)0x informa ao Dart que vem um número hexadecimal em seguida. Depois vêm mais dois dígitos antes da cor: FF significa totalmente visível. 00 nessa posição deixaria a cor completamente transparente, fazendo com que o texto desaparecesse. Depois disso, vêm os seis dígitos do código hexadecimal.
Desafio
FácilNosso designer quer que Coddy fique na cor roxa #6A1B9A, totalmente visível. Defina o color: do texto com essa Color.
Experimente você mesmo
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 lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Seu primeiro app
Pratique por conta própria: Compilador de Flutter online