Özet - Widget temelleri
- Flutter kursu
- Başlangıç
- Ders 15/99
- 4 dk
Widget, ağaç ve BuildContext'i birleştirerek basit bir arayüz kurarsın.
Widget temelleri özeti
Flutter arayüzü, değişmez (immutable) widget'lardan oluşan bir ağaçtan ibarettir. Her widget'ın build metodu görünümü üretir ve BuildContext aracılığıyla ağaçtaki atasal verilere ulaşır. Material veya Cupertino kök widget ile başlayıp child'ları iç içe yerleştirerek arayüzü kurarsın.
MaterialApp(
home: Scaffold(
body: Center(
child: Builder(
builder: (context) => Text(
'Merhaba',
style: Theme.of(context).textTheme.bodyLarge,
),
),
),
),
)Uygulama Ağacı kur ve çalıştır
main içinde önce print('agac kurulu') ile mesaj yazdır. Sonra runApp ile bir MaterialApp çağır; home içinde Center ve onun içinde Text('Hazir') kullansın.
Başlangıç kodu
import 'package:flutter/material.dart';
void main() {
// 'agac kurulu' mesajını print ile yazdır
// runApp ile bir MaterialApp çağır; home içinde Center ve Text kullan
}Örnek çözüm
import 'package:flutter/material.dart';
void main() {
print('agac kurulu');
runApp(MaterialApp(home: Center(child: Text('Hazir'))));
}Beklenen çıktı
agac kurulu
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 build metodunun parametresi nedir?
- Color
- String
- int
- BuildContext Doğru cevap
Açıklama: build metodunun imzası Widget build(BuildContext context) şeklindedir.
2 build parametresini tamamla
Widget build(BuildContext ____) {
return Text('Hazir');
}Widget build(BuildContext context) {
return Text('Hazir');
}Açıklama: build metoduna geçirilen parametre genelde context olarak adlandırılır.
3 Widget temelleri birleşimi
| Kavram | Anlamı |
|---|---|
build imzası |
Widget build(BuildContext context) |
Ağaç yürüyüşü |
Flutter'ın piksel üretme yöntemi |
Tema erişimi |
Theme.of(context) ile |
Görsel dil seçimi |
Material veya Cupertino |