Adlandırılmış Rotalarda Gezinme
Yeni bir ekrana git ve geri gel tarifinde, yeni bir rota oluşturup Navigator'a iterek yeni bir ekrana nasıl gideceğinizi öğrendiniz. Ancak, uygulamanızın bir çok bölümünde aynı ekrana gitmeniz gerekiyorsa, bu yaklaşım kod çoğaltmasına neden olabilir. Çözüm, adlandırılmış bir rota tanımlamak ve Navigator için adlandırılmış rotayı kullanmaktır. Adlandırılmış yollarla çalışmak için Navigator.pushNamed () işlevini kullanın.
İki Ekran Oluşturun
İlk olarak, çalışmak için iki ekran oluşturun. İlk ekranda, ikinci ekrana giden bir düğme bulunur. İkinci ekranda birinciye geri giden bir düğme bulunur.
Kod:
class IlkEkran extends StatelessWidget {
@ovveride/n Widget build(BuildContext
context) {
return Scaffold(/n appBar: AppBar(/n
title: Text('İlk Ekran'),
),
body: Center(
child: RaisedButton(
child: Text('Ekranı Yükle'),
onPressed: () {
// Dokunulduğunda ikinci ekrana gidin.
},
),
),
);
}
}
class IkinciEkran extends StatelessWidget {
[USER=931120]Override[/USER]
Widget build(BuildContext context) {
return Scaffold(
appBar: appBar(
title: Text('İkinci Ekran'),
),
body: Center(
child: RaisedButton(
onPressed: () {
// Dokunulduğunda ilk ekrana geri dönün.
},
child: Text('Geri Dön!'),
),
),
);
}
}Güzergahları Tanımlayın
Ardından, MaterialApp yapıcısına ek özellikler sağlayarak yolları tanımlayın: initialRoute ve yolların kendileri. initialRoute özelliği, uygulamanın hangi yolla başlaması gerektiğini tanımlar. Route özelliği, bu adlandırılmış yolları ve bu rotalara giderken oluşturulacak widget'ları tanımlar.
Kod:
MaterialApp(
// Uygulamayı "/" adlı rota ile başlatın. Bu
durumda, uygulamaya başlar
// IlkEkran widgetında
initialRoute: '/',
routes: {
//"/" Yoluna giderken IlkEkran widget'ını
oluşturun.
'/': (context) => IlkEkran (),
// "/ İkinci" yoluna giderken IkinciEkran widget'ını oluşturun.
'/ikinci': (context) => IkinciEkran(),
},
);Önemli: initialRoute kullanırken, bir home özelliği tanımlayın.
İkinci Ekrana Gidin
Widget'lar ve rotalar yerinde olduğunda,
Navigator.pushNamed () yöntemini kullanarak gezinmeye tetikleyin. Bu, Flutter'a yollar tablosunda tanımlanan widget'ı oluşturmasını ve ekranı başlamasını söyler. IlkEkran widget'ının build ()
yönteminde, onPressed () geri aramasını güncelleyin:
Kod:
//`IlkEkran` widget'ında
onPressed: () {
// Adlandırılmış bir rota kullanarak ikinci ekrana gidin.
Navigator.pushNamed( context,'/second');
}İlk Ekrana Dönün
İlk ekrana dönmek için Navigator.pop () işlevini kullanın.
Kod:
// IkinciEkran widget'ında
onPressed: () {
// Geçerli rotayı açarak İlk ekrana geri dönün
// yığın dışı.
Navigator.pop(context);
}4. Dersimizde bu şekilde bitirdik umarım düzgün bir şekilde anlatıp bir şeyler öğretebilmişimdir. İyi forumlar.
