Flutter’da navigasyonu yönetmek için “routes” adlı bir özellik bulunmaktadır. Bu özellik, uygulamanızdaki farklı sayfalar arasında gezinmeyi kolaylaştırır. İşte Flutter’da “routes” kullanımına dair bir örnek:

1. Öncelikle, MaterialApp widget’ını kullanarak uygulamanızı başlatmanız gerekmektedir. MaterialApp, uygulama düzeyindeki navigasyonu yöneten bir widget’tır.

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: ‘Flutter Routes’,
initialRoute: ‘/’,
routes: {
‘/’: (context) => HomePage(),
‘/second’: (context) => SecondPage(),
‘/third’: (context) => ThirdPage(),
},
);
}
}

Flutter List.Filled Kullanımı

×

Yukarıdaki örnekte, “initialRoute” parametresi anasayfayı belirtir. “routes” parametresi, farklı sayfaların rotalarını tanımlar. Burada üç farklı sayfa tanımladık: HomePage, SecondPage ve ThirdPage.

2. Sayfaları tanımlamak için StatefulWidget veya StatelessWidget sınıflarını kullanabilirsiniz.

Şimdi, belirli bir rotaya gitmek için Navigator widget’ını kullanabilirsiniz. Örneğin, bir düğmeye tıklandığında SecondPage’e yönlendirmek için aşağıdaki kodu kullanabilirsiniz:

ElevatedButton(
onPressed: () {
Navigator.pushNamed(context, ‘/second’);
},
child: Text(‘Go to Second Page’),
),

Yukarıdaki örnekte, Navigator.pushNamed() metodu kullanılarak ‘/second’ rotasına geçiş yapılır. Bu, “/second” rotasına sahip olan widget’ı çağıracaktır (yani SecondPage).

Bu şekilde, Flutter’da “routes” kullanarak farklı sayfalar arasında gezinme işlemini gerçekleştirebilirsiniz. İlgili rotaları tanımlayarak ve Navigator widget’ını kullanarak kullanabilirsiniz.