StatelessWidget ile StatefulWidget arasındaki fark nedir?

Question

Accepted Answer

Flutter iki temel widget türüne sahiptir: **StatelessWidget** (değişmez, değişen iç durumu yoktur) ve **StatefulWidget** (değişebilir durumu tutabilir ve güncelleyebilir, durum değiştiğinde yeniden oluşturulur). Doğru olanı seçmek Flutter UI'ları oluşturmanın temelini oluşturur. ## StatelessWidget — değişen durumu yoktur ```dart // a StatelessWidget: just describes UI based on its inputs (immutable, no internal state) class Greeting extends StatelessWidget { final String name; const Greeting(this.name); @override Widget build(BuildContext context) { return Text('Hello, $name'); // UI depends only on inputs, never changes itself } } // → use for UI that doesn't change on its own (static content, displays based on inputs) ``` ## StatefulWidget — değişebilir duruma sahiptir ```dart // a StatefulWidget: holds STATE that can change → rebuilds the UI when it does class Counter extends StatefulWidget { @override State createState() => _CounterState(); } class _CounterState extends State { int count = 0; // mutable STATE @override Widget build(BuildContext context) { return Column(children: [ Text('Count: $count'), ElevatedButton( onPressed: () => setState(() => count++), // setState → rebuild with new state child: Text('Increment'), ), ]); } } ``` ## setState — StatefulWidget'ın anahtarı ```text → setState(() { ... }) tells Flutter the state CHANGED → triggers a REBUILD (build() runs again with the new state, updating the UI) → WITHOUT setState, changing a variable won't update the UI → StatefulWidget = widget config (immutable) + a State object (holds mutable state) ``` ## Seçim yapma ```text STATELESS → UI based purely on inputs; doesn't change itself (most widgets; simpler) STATEFUL → needs to hold/change internal state over time (counters, forms, toggles, animations, anything interactive that changes) → Prefer Stateless when possible (simpler); use Stateful when you need changing state. ``` ## Neden önemli StatelessWidget ile StatefulWidget arasındaki farkı anlamak, Flutter geliştirme için temelde önemlidir çünkü doğru olanı seçmek çalışan UI'ları oluşturmak için gereklidir; bu da bilmesi gereken temel bir bilgidir. Ayrım — **StatelessWidget** (değişmez, UI'ını tamamen girdilerine dayalı olarak tanımlayan, kendi başına asla değişmeyen) ve **StatefulWidget** (değişebilir durumu tutabilen, değiştiğinde UI'ı yeniden oluşturan) — Flutter'ın ilk ve en önemli kavramlarından biridir ve herhangi bir widget'ı nasıl oluşturduğunuzu belirler. **StatelessWidget**'ın kendini değiştirmeyen UI (statik içerik, girdilere dayalı görüntü — çoğu widget ve daha basit) için uygun olduğunu, **StatefulWidget**'ın ise değişen iç durumu olan herhangi bir şey (sayaçlar, formlar, geçişler, etkileşimli öğeler) için gerekli olduğunu anlamak, doğru seçim yapmak için gereklidir. En kritik olarak, **setState** — Flutter'a durumun değiştiğini söyleyen, UI'ın güncellenmesini sağlayan yeniden oluşturmayı tetikleyen mekanizması (ve onsuz bir değişkeni değiştirmenin UI'ı güncellemeyeceği, çok yaygın bir başlangıç hatası) — anlamak StatefulWidget'ları çalıştırmak için temeldir. Bir StatefulWidget'ın değişmez bir widget yapılandırması ile değişebilir durumu tutan ayrı bir State nesnesi birleştirdiğini anlamak, yapısını açıklığa kavuşturur. **Mümkün olduğunda StatelessWidget'ı tercih etme** (daha basit) rehberliği ve StatefulWidget'ı yalnızca değişen duruma ihtiyaç duyulduğunda kullanma, iyi uygulamayı yansıtır. Birşey hemen hemen oluşturduğunuz Flutter widget'ı bu iki türden biri olduğundan ve doğru seçim yapma (ve setState'i düzgün kullanma) işlevsel, etkileşimli UI'lar oluşturmak için gerekli olduğundan, StatelessWidget vs StatefulWidget'ı — farkını, her birini ne zaman kullanacağını ve setState'in kritik rolünü — anlamak, gerekli, temel Flutter bilgisidir; Flutter geliştirme yapan her geliştiricinin çalışan kullanıcı arayüzleri oluşturmak için anlaması gereken Flutter'ın en temel kavramlarından biridir.