Cartão de Visita: Estilo

Parte da seção Seu primeiro app do Journey de Flutter da Coddy. Lição 31 de 32.

As partes estão no lugar. Agora faça com que pareçam um cartão: o nome deve ser a primeira coisa em que os olhos pousam, e a profissão, uma linha mais discreta abaixo dele.

O tamanho e o peso dão importância a uma linha. Uma cor mais suave faz com que ela recue. Um pequeno espaço entre o avatar e o nome permite que cada um respire.

Desafio

Fácil

Estilize o cartão:

coloque 16 pixels de espaço entre o avatar e o nome
defina o tamanho do nome como 28 e deixe-o em negrito
defina a cor do cargo como Colors.blueGrey

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: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              CircleAvatar(
                radius: 48,
                backgroundColor: Colors.indigo,
                child: Text('JD', style: TextStyle(fontSize: 32, color: Colors.white)),
              ),
              Text('Jordan Diaz'),
              Text('Flutter Developer'),
            ],
          ),
        ),
      ),
    );
  }
}