Kartvizit: Düzen

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

Şimdi hepsini bir araya getirme zamanı. Sonraki üç derste, her profil sayfasının temelini oluşturan türden bir ekran olan bir kartvizit uygulaması oluşturacaksın.

Düzenle başla. Önce ekranı kutular olarak taslak hâline getir: en üstte yuvarlak bir avatar, ardından ad, sonra meslek; hepsi ekranın ortasında tek bir sütunda. Kutular doğru yerlere yerleşince sırada stil var.

Görev

Kolay

Ekranın ortasında, aşağıdakilerden oluşan bir Column ( mainAxisSize: MainAxisSize.min ile) olarak kartı oluştur:

radius: 48, backgroundColor: Colors.indigo değerlerine sahip ve içinde beyaz renkte, 32 boyutunda baş harfler JD bulunan bir CircleAvatar
ad, Jordan Diaz
iş, Flutter Developer

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