Proje iskeleti
- Flutter kursu
- Başlangıç
- Ders 91/99
- 4 dk
Sayaç uygulamasının iskeletini Scaffold ile kurarsın.
Sayaç iskeleti
Sayaç uygulamasının iskeletini kurmak için bir Scaffold kullanırsın. appBar parametresinde bir AppBar başlık gösterir, body parametresinde ise sayacın değerini gösterecek bir Text widget'ı bulunur. Scaffold, Material uygulama ekranının iskeletini oluşturur.
Scaffold(
appBar: AppBar(title: Text('Sayac')),
body: Center(child: Text('0')),
)AppBar ile başlık
Scaffold'ın appBar parametresine bir AppBar verilir. AppBar'ın title parametresi uygulamanın başlık metnini taşır. Sayaç uygulamasında başlık genellikle 'Sayac' gibi bir metindir.
Scaffold(
appBar: AppBar(title: Text('Sayac')),
)Uygulama Sayaç iskeletini kur
baslat adında bir fonksiyon yaz; çağrılınca Sayac basladi yazdırsın. main içinde baslat'ı çağır. Scaffold'a appBar (AppBar(title: Text('Sayac'))) ve body (Center(child: Text('0'))) parametrelerini ver.
Başlangıç kodu
import 'package:flutter/material.dart';
// baslat fonksiyonu yaz: "Sayac basladi" yazdirsin
void main() {
// baslat'i cagir
runApp(const Uygulama());
}
class Uygulama extends StatelessWidget {
const Uygulama({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
// appBar ve body parametrelerini ekle
),
);
}
}Örnek çözüm
import 'package:flutter/material.dart';
void baslat() {
print('Sayac basladi');
}
void main() {
baslat();
runApp(const Uygulama());
}
class Uygulama extends StatelessWidget {
const Uygulama({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('Sayac')),
body: Center(child: Text('0')),
),
);
}
}Beklenen çıktı
Sayac basladi
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Sayaç değerini ekranda göstermek için body parametresine hangi widget verilir?
- SizedBox
- Padding
- Center içinde Text Doğru cevap
- AppBar
Açıklama: Sayacın değerini göstermek için body'ye genellikle Center içinde bir Text widget'ı verilir; SizedBox, Padding ve AppBar bu amaca yönelik değildir.
2 appBar parametresini ekle
Scaffold(
____: AppBar(title: Text('Sayac')),
body: Center(child: Text('0')),
)Scaffold(
appBar: AppBar(title: Text('Sayac')),
body: Center(child: Text('0')),
)Açıklama: AppBar'ı Scaffold'a bağlamak için appBar parametresi kullanılır; header, topBar veya title geçerli parametre adları değildir.
3 Sayaç iskeleti parçaları
| Kavram | Anlamı |
|---|---|
Scaffold |
Ekran iskeletini oluşturur |
AppBar |
Üst başlık çubuğu |
body |
Ana içerik alanı |
Text |
Sayacı gösteren widget |