Flutter'da navigasyon nasıl çalışır?

Question

IT Interview Practice · Accepted Answer

**Navigasyon** Flutter'da ekranlar (sayfalar/rotalar) arasında hareket ettirir — temel navigasyon için **Navigator** (rotaların yığını) kullanılır veya daha karmaşık uygulamalar için bildirimsel yönlendirme paketleri kullanılır. Navigasyonu anlamak, çok ekranlı uygulamalar oluşturmak için önemlidir.

## Navigator ile temel navigasyon (bir yığın)

```dart
// the Navigator manages a STACK of routes (screens)
// PUSH a new screen onto the stack (navigate to it)
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => SecondScreen()),
);

// POP — go back (remove the top screen, return to the previous)
Navigator.pop(context);
```

```text
Think of navigation as a STACK of screens:
  → PUSH adds a screen on top (navigate forward)
  → POP removes the top screen (go back)
  → the back button / gesture also pops
```

## Ekranlar arasında veri aktarma

```dart
// pass data forward (via the constructor)
Navigator.push(context, MaterialPageRoute(
  builder: (context) => DetailScreen(itemId: 42),
));

// return data back when popping
Navigator.pop(context, result);          // return a result
final result = await Navigator.push(...); // receive it (push returns a Future)
```

## Adlandırılmış rotalar ve modern yönlendirme

```dart
// NAMED routes — define routes by name (cleaner for many screens)
Navigator.pushNamed(context, '/details');
// configured in MaterialApp(routes: {...})

// MODERN: declarative routing packages (go_router) for complex apps:
//   → URL-based routing, deep linking, web support, nested navigation
//   → go_router is the recommended approach for non-trivial apps
```

## Neden önemli

Navigasyonu anlamak önemlidir çünkü **çoğu uygulamanın birden fazla ekranı vardır** ve aralarında hareket etmek uygulama işlevselliğinin temelini oluşturur; bu nedenle Flutter'ın bilinmesi gereken bir parçasıdır.

Temel konsept — Flutter'ın **rotaların yığınını yöneten Navigator** (ekranlar), burada ileri gitmeyi **push** ile (ekranın üstüne yeni bir ekran ekleme) ve geri gitmek için **pop** (en üstteki ekranı kaldırma) yaparsınız — navigasyonun temel zihinsel modelidir ve yığın metaforu (kullanıcıların bir uygulama içinde ileri ve geri nasıl gezindikleriyle eşleşir) bunu sezgisel hale getirir.

**Temel navigasyonu** (push/pop) anlamak herhangi bir çok ekranlı uygulama için gereklidir.

**Ekranlar arasında veri aktarmayı** anlamak (veriler constructor aracılığıyla ileri gönderme ve pop yaparken sonuçları döndürme, çünkü push bir Future döndürür) önemlidir çünkü ekranlar genellikle veri paylaşması gerekir (bir öğeyi bir detay ekranına iletme, bir seçim döndürme).

**Adlandırılmış rotaları** (çok sayıda ekran için daha temiz organizasyon için rotaları ada göre tanımlama) ve özellikle **modern bildirimsel yönlendirmeyi** anlamak (**go_router** gibi paketler, önemsiz olmayan uygulamalar için tavsiye edilir, URL tabanlı yönlendirme, derin bağlantı, web desteği ve iç içe geçmiş navigasyon sağlar) güncel en iyi uygulamaları yansıtır — uygulamalar büyüdükçe, bildirimsel yönlendirme zorunlu push/pop yapısından daha iyi karmaşıklık yönetir.

Virtüel olarak tüm uygulamaların birden fazla ekranı vardır ve aralarında gezinme (veri geçişle) uygulama işlevselliğinin temelini oluşturur ve Navigator yığın modeli, veri geçişi ve modern yönlendirmeyi (go_router) anlamak çok ekranlı uygulamalar oluşturmak için gerekli olduğundan, Flutter'da navigasyonu anlamak önemlidir, temel bilgidir — hemen hemen her Flutter uygulamasında gereken bir temel yetenek ve gerçek uygulamaların gerektirdiği çok ekranlı deneyimleri oluşturmak için gereklidir.

Navigator ile temel navigasyon (bir yığın)

Ekranlar arasında veri aktarma

Adlandırılmış rotalar ve modern yönlendirme

Neden önemli

İlgili sorular