Özet - StatelessWidget
- Flutter kursu
- Başlangıç
- Ders 20/99
- 4 dk
StatelessWidget, build ve const'u birleştirerek statik kart yazarsın.
StatelessWidget özeti
StatelessWidget, kurucu parametrelerle veri alan, durumu olmayan, değişmez bir widget'tır. build metodu sadece parametrelere ve context'e dayanarak bir Widget döndürür. Kurucuyu const yaparsan aynı parametrelerle üretilen örnekler tek canonical nesnede birleşir ve performans artar. Bu üçünü birleştirerek statik kart, etiket veya başlık yazarsın.
class Kart extends StatelessWidget {
final String baslik;
const Kart({super.key, required this.baslik});
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(8.0),
child: Text(baslik),
);
}
}Uygulama Kart sınıfını yaz ve çalıştır
Önce print('kart hazir') yazdır, sonra runApp(MaterialApp(home: Kart(baslik: 'Merhaba'))) çağrısı yap. Ayrıca Kart adında StatelessWidget'dan türeyen, final String baslik alanı olan, const kuruculu ve build metodunda Text(baslik) döndüren bir sınıf tanımla.
Başlangıç kodu
import 'package:flutter/material.dart';
void main() {
// 'kart hazir' mesajını print ile yazdır
// runApp ile MaterialApp çağır; home Kart widget'ı olsun
}
// Kart sınıfını tanımla
// StatelessWidget'dan extends etsin
// final String baslik alsın, const kurucu required ile
// build metodu Text(baslik) döndürsünÖrnek çözüm
import 'package:flutter/material.dart';
void main() {
print('kart hazir');
runApp(MaterialApp(home: Kart(baslik: 'Merhaba')));
}
class Kart extends StatelessWidget {
final String baslik;
const Kart({super.key, required this.baslik});
@override
Widget build(BuildContext context) {
return Text(baslik);
}
}Beklenen çıktı
kart hazir
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 extends anahtar kelimesi ne yapar?
- Bir metot geçersiz kılar
- Bir değişken tanımlar
- Bir sınıftan özellik devralır Doğru cevap
- Bir arayüz uygular
Açıklama: extends, bir sınıfın başka sınıftan alan ve metot devralmasını sağlar; Kart extends StatelessWidget.
2 Sınıf devral
class Kart ____ StatelessWidget {
final String baslik;
const Kart({super.key, required this.baslik});
}class Kart extends StatelessWidget {
final String baslik;
const Kart({super.key, required this.baslik});
}Açıklama: extends, StatelessWidget'dan devralma sağlar.
3 StatelessWidget birleşimi
| Kavram | Anlamı |
|---|---|
StatelessWidget kalıbı |
Durumu olmayan widget şablonu |
final alan |
Kurucu dışında değişmez |
const kurucu |
Canonical örnek üretir |
extends |
StatelessWidget'dan devralma |