Özet - Navigator

push ve pop'u birleştirerek iki ekranlı akış yaparsın.

İki ekranlı akış

İki ekranlı bir akış yapmak için Navigator.push ile ikinci ekranı açar, Navigator.pop ile geri dönersin. Push, MaterialPageRoute'ın builder'ı ile yeni ekranı oluşturur. Pop, üstteki ekranı kapatıp alttaki ekrana döner.

// Birinci ekranda
Navigator.push(context,
  MaterialPageRoute(builder: (_) => IkinciEkran()));

// İkinci ekranda
Navigator.pop(context);

Uygulama İki ekranlı akış yap

akisBaslat adında bir fonksiyon yaz; çağrılınca Iki ekranli akis yazdırsın. IkinciEkran adında bir StatelessWidget yaz; içinde Navigator.pop(context) çağıran bir ElevatedButton olsun. main içinde akisBaslat'ı çağır. Birinci ekranda Navigator.push ile IkinciEkran'ı aç.

Örnek çözümü göster

import 'package:flutter/material.dart';

void akisBaslat() {
  print('Iki ekranli akis');
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Navigator.pop(context);
          },
          child: Text('Geri'),
        ),
      ),
    );
  }
}

void main() {
  akisBaslat();
  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: (_) => const IkinciEkran()),
              );
            },
            child: Text('Ac'),
          ),
        ),
      ),
    );
  }
}

Kendini test et

İki ekranlı akış için hangi metodlar bir arada kullanılır?
- push ve push
- push ve pop
- pop ve pop
- create ve destroy
Cevabı göster

push ve pop — İki ekranlı akışta push yeni ekranı açar, pop geri döner; push+push, pop+pop veya create+destroy bu amaca yönelik değildir.

MaterialPageRoute'ı ekle

Navigator.push(
  context,
  ____(builder: (_) => const IkinciEkran()),
);

Cevabı göster

Navigator.push(
  context,
  MaterialPageRoute(builder: (_) => const IkinciEkran()),
);

Navigator özeti

Navigator

Ekran akışını yönetir
push

Yeni rota ekler
pop

Üstteki rotayı çıkarır
MaterialPageRoute

Material geçişi sağlar

Sıradaki ders: Proje iskeleti

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler