Cartão de Visita: Layout

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

Hora de juntar tudo. Nas próximas três lições, você vai criar um aplicativo de cartão de visita, o tipo de tela a partir do qual toda página de perfil começa.

Comece pelo layout. Primeiro, esboce a tela em forma de caixas: um avatar redondo na parte superior, depois o nome e, em seguida, o cargo, tudo em uma coluna no centro da tela. Quando as caixas estiverem nos lugares certos, vem o estilo.

Desafio

Fácil

Crie o cartão no centro da tela, como uma Column (com mainAxisSize: MainAxisSize.min) composta por:

um CircleAvatar com radius: 48, backgroundColor: Colors.indigo e as iniciais JD como seu filho, na cor branca, tamanho 32
o nome, Jordan Diaz
o cargo, Flutter Developer

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('Jordan Diaz'),
        ),
      ),
    );
  }
}