context.go ve push

context.go ile değiştirme ve context.push ile yığma öğrenirsin.

context.go ve context.push

context.go('/yol') mevcut yolu değiştirir; navigasyon yığınını yeni yola ayarlar ve geri dönüş olmaz. context.push('/yol') ise yeni yolu yığının üstüne ekler; böylece context.pop() ile geri dönebilirsin.

// Değiştir: geri dönüş olmaz
context.go('/ayarlar');

// Yığ: geri dönülebilir
context.push('/detay');

context.pop ile geri dönmek

context.pop() yığındaki en üstteki yolu kaldırır ve bir önceki ekrana döner. push ile eklenen yollar pop ile geri alınır; go ile değiştirilen yollarda ise geri dönüş yığını olmadığı için pop işe yaramaz.

ElevatedButton(
  onPressed: () => context.pop(),
  child: const Text('Geri'),
)

Uygulama Buton ile gezinme

DetayScreen adında StatelessWidget tanımla. Scaffold gövdesinde Center içine bir ElevatedButton koy. onPressed içinde context.go('/detay') çağrısı yapsın ve child olarak Text('Detay') göstersin. main içinde 'hazir' yazdır.

Örnek çözümü göster

import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          onPressed: () => context.go('/detay'),
          child: const Text('Detay'),
        ),
      ),
    );
  }
}

void main() {
  print('hazir');
}

Kendini test et

context.go ile context.push arasındaki fark nedir?
- go async'dir, push sync'dir
- go daha hızlıdır, push daha yavaştır
- go yığını değiştirir, push yığının üstüne ekler
- go yalnızca Android'de çalışır, push yalnızca iOS'ta
Cevabı göster

go yığını değiştirir, push yığının üstüne ekler — context.go yığını değiştirir (geri dönüş yok), context.push yığının üstüne ekler (context.pop ile geri dönülebilir). Hız, platform ve async/sync farkı ilgili değildir.

context.go çağrısı

ElevatedButton(
  onPressed: () {
    ____;
  },
  child: const Text('Ayarlar'),
)

Cevabı göster

ElevatedButton(
  onPressed: () {
    context.go('/ayarlar');
  },
  child: const Text('Ayarlar'),
)

Navigasyon metodları

context.go

yığını değiştirir
context.push

yığına ekler
context.pop

geri döner
GoRouter

yönlendirici

Sıradaki ders: URL parametreleri

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler