Yeni bir ekrana gidin ve geri dönün
Çoğu uygulama, farklı türde bilgileri görüntülemek için bir kaç ekran içerir. Örneğin; bir uygulamanın ürünleri görüntüleyen bir ekran olabilir. Kullanıcı bir ürünün resmine dokunduğunda, yeni bir ekran ürünle ilgili ayrıntıları görüntüler.
Önemli: Android'de rota, bir etkinliğe eşittir. İos'ta ise rota ViewController'a eşittir. Flutter'da bir rota sadece bir widgettir.
İki rota oluştur
İlk olarak, çalışmak için kendinize iki yol yaratın. Bu temel bir örnek olduğundan, her rota yalnızca tek bir düğme içerir. İlk rotadaki düğmeye dokunmak ikinci rotaya gider. İkinci rotadaki düğmeye dokunmak ilk yola geri döner. İlk olarak, görsel yapıyı ayarlayın:
Kod:
class IlkRota extends StatelessWidget {
[USER=931120]Override[/USER]/n Widget build(BuildContext
context) {
return Scaffold(
appBar: AppBar(
title: Test('İlk Rota'),
),
body: Center(
child: RaisedButton(
child: Test('Rotayı aç'),
onPressed: () {
// Navigate ti second route when tapped.
},
),
),
);
}
}
class IkinciRota extends StatelessWidget {
[USER=931120]Override[/USER]
Widget build( BuildContext context) {
return Scaffold (
appBar: AppBar(
title: Text('İkinci Rota'),
),
body: Center(
child: RaisedButton(
onPressed: () {
// Dokunduğunda ilk rotaya geri dön.
},
child: Text('Geri Dön!'),
),
),
);
}
}
Navigator.push () işlevini kullanarak ikinci rotaya gidin
Yeni bir rotaya geçmek için Navigator.push () yöntemini kullanın. Push () yöntemi, gezgin tarafından yönetilen rota yığınına bir rota ekler. Güzergah nereden geliyor? Kendiniz oluşturabilirsiniz veya platforma özgü bir animasyon kullanarak yeni rotaya geçtiği için yararlı bir MaterialPageRoute kullanabilirsiniz. FirsRoute widget'ının build () yönteminde, onPressed () geri aramasını güncelleyin:
Kod:
//'Ilk Rota' widget'ında
onPressed: () {
Navigator.push(
context,
MaterialPageRoute (builder: (context) =>
IkinciRota()),
);
}
Navigator.pop () öğesini kullanarak ilk rotaya dönün
İkinci rotayı nasıl kapatır ve ilk rotaya nasıl dönersiniz? Navigator.pop () yöntemini kullanarak. Pop () yöntemi, geçerli rotayı, gezgin tarafından yönetilen rota yığınından kaldırır. Orjinal rotaya bir dönüş uygulamak için IkinciRota widget'ında onPressed () geri çağrısını güncelleyin:
Kod:
//IkinciRota widget'ında
onPressed: () {
Navigator.pop(context);
}
3. Dersimizde bu şekilde bitirdik umarım düzgün bir şekilde anlatıp bir şeyler öğretebilmişimdir. İyi forumlar.