Özet - Widget temelleri

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.

Örnek çözümü göster

import 'package:flutter/material.dart';

void main() {
  print('agac kurulu');
  runApp(MaterialApp(home: Center(child: Text('Hazir'))));
}

Kendini test et

build metodunun parametresi nedir?
- Color
- String
- int
- BuildContext
Cevabı göster

BuildContext — build metodunun imzası Widget build(BuildContext context) şeklindedir.

build parametresini tamamla

Widget build(BuildContext ____) {
  return Text('Hazir');
}

Cevabı göster

Widget build(BuildContext context) {
  return Text('Hazir');
}

Widget temelleri birleşimi

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

Sıradaki ders: StatelessWidget nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler