Navigator nedir?

Navigator ile ekran yığınını yönetmeyi öğrenirsin.

Navigator nedir?

Navigator, Flutter'da ekran yığınını (stack) yöneten sınıftır. Her ekran bir route olarak temsil edilir ve yığına eklenir. Navigator.push ile yeni ekran eklenir, Navigator.pop ile üstteki ekran çıkarılır. En üstteki route, kullanıcıya görünür olan güncel ekrandır.

Navigator.push(context, route);
Navigator.pop(context);

Stack ve route kavramları

Navigator'ın yığı LIFO (son giren ilk çıkar) prensibiyle çalışır. En son eklenen route en üsttedir ve kullanıcıya görünür. Navigator.pop çağrıldığında en üstteki route çıkarılır ve bir alttaki ekran tekrar görünür hale gelir. Yeni açılan ekran her zaman yığın tepesine konur.

Uygulama Navigator.push çağrısı ekle

baslat adında bir fonksiyon yaz; çağrılınca Navigator hazir yazdırsın. main içinde baslat'ı çağır. Bir ElevatedButton ekle ve onPressed'ında Navigator.push çağrısı yapsın.

Örnek çözümü göster

import 'package:flutter/material.dart';

void baslat() {
  print('Navigator hazir');
}

void main() {
  baslat();
  runApp(const Uygulama());
}

class Uygulama extends StatelessWidget {
  const Uygulama({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (_) => Scaffold()),
              );
            },
            child: Text('Ac'),
          ),
        ),
      ),
    );
  }
}

Kendini test et

Navigator neyi yönetir?
- Ekran yığınını (stack) yönetir
- Yalnızca renkleri yönetir
- Yalnızca metinleri yönetir
- Yalnızca ikonları yönetir
Cevabı göster

Ekran yığınını (stack) yönetir — Navigator, ekranların yığın şeklinde tutulduğu rotaları yönetir; renk, metin veya ikon yönetimi ile ilgili değildir.

Navigator sınıfını ekle

// Yeni ekran aç
____.push(context, route);

Cevabı göster

// Yeni ekran aç
Navigator.push(context, route);

Navigator bileşenleri

Navigator

Ekran yığınını yönetir
stack

Ekranların sıralı dizisi
route

Bir ekranı temsil eder
push

Yeni ekran ekler

Sıradaki ders: Navigator.push

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler