En Yeni Konular

Flutter Sayfalar Arası Geçiş

Flutter Navigation(Sayfalar Arası geçiş) İşlemleri

Flutter da sayfalar arasında geçiş yapabilmek için Navigator sınıfından yararlanırız.

Fluttar da sayfalar stack olacak şekilde üst üste sıralanır, gerekli komutlarla eklemeler ve çıkartmalar yaparız.

push : Push ile stack’in en üstüne sayfa ekleriz

pop : Pop ile Est üstteki sayfadan bir aşşağı ineriz.

Navigator çalışma yapısı

Navigator.push

Sayfanın ortasındaki Button’a basılınca diğer sayfaya giden bir örnek

Navigator.push

Navigator.pop

Navigator.pop stack’den sayfa çıkarıp bir önceki sayfaya dönebiliriz.

Not : Eğer gidilen sayfada appBar var ise flutter aynı işlevi gören geri tuşunu otomatik olarak appBar’a ekler

B Sayfasına Navigator.pop ekleyelim.

Navigator.pop

 

Sayfalar Arası Veri Taşıma

Sayfalar Arası veri taşımak için gideceğimiz sayfanın kurucu methodu vasıtasıyla, almak istediğimiz veriyi belirtebiliriz.

A Sayfasından C sayfasına String türünde bir soru yollayıp gelen soruyu ekranda gösterelim.

Veri Taşıma

Geri Dönüşte Sonuç alma

Navigator.pop sınıfımızın 2. parametresi olan result kısmına, geri dönüş sayfasına göndermek istediğimiz bilgiyi verebiliriz.

Navigator.pop ile geri dönüş değeri alma

Navigator.pushReplacement

Bu Sınıf ile stackdeki bütün sayfaları silip sadece verdiğimiz sayfayı göstermek için kullanabiliriz.

Örnek olarak Kullanıcı A,B,C,D sayfalarına tek tek push ile gittiğini varsayalım. Anasayfaya stackdeki bütün sayfaları silerek gitmek istiyorsak aşşağıdaki şekilde kullanabiliriz.

Örneğin Tamamı

Hakkında Necip Akgöz

İLGİNİZİ ÇEKEBİLİR

Flutter : Expanded Ve Flexible

BaşlıklarFlutter Navigation(Sayfalar Arası geçiş) İşlemleriNavigator.pushNavigator.popSayfalar Arası Veri TaşımaGeri Dönüşte Sonuç almaNavigator.pushReplacementÖrneğin Tamamı Expanded Row, Column, …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir