Flutter'da widget'ler nedir?

Question

Accepted Answer

Flutter'da **her şey bir widget'tir** — UI öğeleri (butonlar, metin, resimler), düzen yapıları (satırlar, sütunlar, padding) ve hatta uygulama kendisi de birer widget'tir. Widget'ler, tüm kullanıcı arayüzünü oluşturmak için bir araya gelen değişmez yapı taşlarıdır.

## Her şey bir widget'tir

```text
Widgets describe the UI. EVERYTHING is a widget:
  → visible elements: Text, Image, Icon, Button, etc.
  → layout: Row, Column, Container, Padding, Center, Stack, etc.
  → structure: Scaffold (page structure), AppBar, etc.
  → even the app itself (MaterialApp) and abstract things (Padding, Theme)
→ You build UI by COMPOSING widgets into a tree (widgets contain other widgets).
```

## Widget'leri bir ağaca dönüştürme

```dart
// build a UI by NESTING widgets (composition)
Scaffold(                       // page structure
  appBar: AppBar(title: Text('Home')),   // app bar with text
  body: Center(                 // centers its child
    child: Column(              // vertical layout
      children: [
        Text('Hello'),          // text widget
        ElevatedButton(         // a button
          onPressed: () {},
          child: Text('Click'),
        ),
      ],
    ),
  ),
)
// → a WIDGET TREE: Scaffold > Center > Column > [Text, Button]
```

Widget'ler bir **widget ağacı** oluşturmak için iç içe geçer — kompozisyon temel kalıptır (basit widget'leri karmaşık arayüzlere dönüştürün).

## Widget'ler değişmezdir; yapılandırma

```text
→ Widgets are IMMUTABLE descriptions of the UI (configuration, not the actual rendered
  objects) — Flutter rebuilds them efficiently when state changes
→ build() methods return widget trees describing what the UI should look like
→ Flutter handles efficiently turning widgets into rendered pixels
```

## Neden önemli

Widget'leri anlamak Flutter için temeldir çünkü **Flutter'da her şey bir widget'tir** — tüm kullanıcı arayüzü onlardan oluşturulur — bu nedenle widget modelini anlamak gerekli, temel bilgidir ve herhangi bir Flutter geliştirme için önemlidir.

Temel konsept — görünür öğelerin (metin, butonlar, resimler), düzen yapılarının (satırlar, sütunlar, padding), sayfa yapısının ve hatta uygulamanın kendisinin **tümünün widget** olması — Flutter'ın nasıl çalıştığının belirleyici özelliğidir ve bunu anlamak, herhangi bir Flutter arayüzü oluştturmanın başlangıç noktasıdır.

Arayüzlerin **widget'leri bir ağaca dönüştürerek oluşturulduğunu** (widget'leri iç içe geçme, basitleri karmaşık arayüzlere dönüştürme) anlamak, Flutter geliştirmenin temel kalıbıdır — kalıtım yerine kompozisyon, basit ve yeniden kullanılabilir yapı taşlarından karmaşık arayüzler oluşturma.

**Widget'lerin arayüzün değişmez açıklamaları** (gerçek oluşturulan nesneler yerine yapılandırma, Flutter durum değiştiğinde bunları verimli bir şekilde yeniden oluşturtma) olduğunu anlamak, Flutter'ın bildirimsel arayüz modelinin nasıl çalıştığını anlamak için önemlidir — arayüzün nasıl görünmesi gerektiğini açıklarsınız ve Flutter işlemeyi verimli bir şekilde yönetir.

Bu widget ve kompozisyon modeli Flutter'da her şeyin altında yatmaktadır: düzenler, stil verme, durum yönetimi ve yapı, hepsi widget'ler aracılığıyla çalışır.

Widget, Flutter'ın atomik birimi olduğundan (her şey bir widget'tir, arayüzler kompozisyon ile oluşturulmuş widget ağaçlarıdır) ve bu modeli anlamak Flutter arayüzleri oluşturmak için mutlak temel olduğundan, widget'leri anlamak — her şeyin bir widget olması, ağaçlar halinde kompozisyon ve bunların değişmez bildirimsel doğası — gerekli, temel Flutter bilgisidir; Flutter geliştirmenin her yönünün üzerine inşa edildiği çekirdek konsepttir ve Flutter öğrenmeye başlarken ilk olarak anlaşılması gereken şeydir.