Kartvizit: Stil

Coddy'nin Flutter Journey'sinin İlk Uygulamanız bölümünün bir parçası. Ders 31 / 32.

Parçalar yerli yerine oturdu. Şimdi onları bir kart gibi göster: isim, gözün ilk iliştiği şey olmalı; meslek de altında daha geri planda kalan bir satır olmalı.

Boyut ve kalınlık, bir satıra önem kazandırır. Daha yumuşak bir renk, satırı geri plana iter. Avatar ile isim arasında biraz boşluk bırakmak, her ikisinin de öne çıkmasını sağlar.

Görev

Kolay

Kartı biçimlendir:

avatar ile ad arasına 16 piksel boşluk bırak
adın boyutunu 28 yap ve kalınlaştır
mesleği Colors.blueGrey yap

Kendin dene

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