Navigator.push

Navigator.push ile yeni ekran açmayı öğrenirsin.

Navigator.push nedir?

Navigator.push, yığına yeni bir route ekleyerek yeni ekran açar. İlk parametre context, ikinci parametre ise açılacak route'tur. Route genellikle MaterialPageRoute olarak oluşturulur.

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

context parametresi

context parametresi, Navigator'a çağrının widget ağacındaki konumunu bildirir. Scaffold veya benzeri bir widget içinden çağrıldığında context genellikle build metodunun parametresinden alınır. context olmadan Navigator, hangi sayfadan açıldığını bilemez.

Uygulama Navigator.push ile ikinci ekran aç

ac adında bir fonksiyon yaz; çağrılınca Ekran acildi yazdırsın. IkinciEkran adında bir StatelessWidget yaz. main içinde ac'ı çağır. Birinci ekranda bir ElevatedButton olsun ve onPressed'da Navigator.push ile IkinciEkran'ı açsın.

Örnek çözümü göster

import 'package:flutter/material.dart';

void ac() {
  print('Ekran acildi');
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(body: Center(child: Text('Ikinci')));
  }
}

void main() {
  ac();
  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: const Text('Ac'),
          ),
        ),
      ),
    );
  }
}

Kendini test et

Navigator.push ne yapar?
- Ekranı yeniden çizer
- Yeni ekranı yığına ekler
- Klavyeyi açar
- Üstteki ekranı çıkarır
Cevabı göster

Yeni ekranı yığına ekler — Navigator.push yığına yeni bir route ekleyerek yeni ekran açar; ekran çıkarmaz, yeniden çizmez veya klavye açmaz.

push metodunu ekle

Navigator.____(context, MaterialPageRoute(builder: (_) => Scaffold()));

Cevabı göster

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

push parametreleri

Navigator.push

Yeni ekran açar
context

Widget ağacı konumu
MaterialPageRoute

Rota oluşturur
builder

Ekranı inşa eder

Sıradaki ders: MaterialPageRoute

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler