Biglietto da visita: Layout

Fa parte della sezione La tua prima app del percorso Flutter di Coddy. Lezione 30 di 32.

È il momento di mettere tutto insieme. Nelle prossime tre lezioni realizzerai un'app per biglietti da visita, il tipo di schermata da cui parte ogni pagina del profilo.

Inizia con il layout. Disegna prima la schermata sotto forma di riquadri: un avatar rotondo in alto, poi il nome e infine il lavoro, tutto in un'unica colonna al centro della schermata. Una volta sistemati i riquadri al posto giusto, passa allo stile.

Sfida

Facile

Crea la scheda al centro dello schermo, come una Column (con mainAxisSize: MainAxisSize.min) composta da:

un CircleAvatar con radius: 48, backgroundColor: Colors.indigo e le iniziali JD come elemento figlio, di colore bianco e dimensione 32
il nome, Jordan Diaz
il lavoro, Flutter Developer

Provalo tu

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